@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#050505;--foreground:#f5f5f5;--muted:#a6a6a6}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.page{isolation:isolate;background:#050505;flex-direction:column;justify-content:center;min-height:100svh;padding:80px 12vw;display:flex;position:relative;overflow:hidden}.intro{z-index:2;width:100%;max-width:650px;animation:.9s both fade-in;position:relative}.greeting{letter-spacing:-.065em;margin:0 0 24px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:500;line-height:1.1}.bio{max-width:540px;color:var(--muted);letter-spacing:-.015em;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.85}.bio p{margin:0 0 14px}.tech-stack{margin-top:30px}.tech-heading{color:#f5f5f5;letter-spacing:-.02em;margin:0 0 17px;font-size:1rem;font-weight:500}.tech-list{flex-wrap:wrap;gap:18px 23px;max-width:570px;display:flex}.tech-item{color:#bcbcbc;align-items:center;gap:8px;font-size:.88rem;transition:color .18s,transform .18s;display:flex}.tech-item:hover{color:#fff;transform:translateY(-2px)}.tech-logo{color:#fff;letter-spacing:-.04em;border:1px solid #777;border-radius:4px;place-items:center;min-width:25px;height:25px;padding:0 3px;font-size:10px;font-weight:600;display:grid}.tech-name{white-space:nowrap}.socials{align-items:center;gap:23px;margin-top:36px;display:flex}.social-link{color:#bcbcbc;place-items:center;width:25px;height:25px;transition:color .18s,transform .18s;display:grid}.social-link svg{width:22px;height:22px;display:block}.social-link:hover{color:#fff;transform:translateY(-3px)}.social-link:focus-visible{outline-offset:5px;border-radius:3px;outline:1px solid #fff}.footer{z-index:2;color:#626262;letter-spacing:.04em;font-size:.75rem;position:absolute;bottom:28px;left:12vw}.background-lines{z-index:-1;pointer-events:none;background:radial-gradient(at 80% 45%,#ffffff09,#0000 60%);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000b3 35%,#000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000000b3 35%,#000 100%)}.line{transform-origin:50%;border:0;width:78vw;max-width:1000px;height:78vw;max-height:1000px;animation:55s linear infinite drift;display:block;position:absolute;top:50%;left:78%}.line-one{background:linear-gradient(35deg,#0000 49.92%,#ffffff26 50%,#0000 50.08%)}.line-two{background:linear-gradient(145deg,#0000 49.92%,#ffffff1f 50%,#0000 50.08%);width:70vw;height:90vw;animation-duration:70s;animation-direction:reverse}.line-three{background:linear-gradient(12deg,#0000 49.92%,#ffffff1a 50%,#0000 50.08%);width:95vw;height:65vw;animation-duration:65s}.line-four{background:linear-gradient(72deg,#0000 49.92%,#ffffff1c 50%,#0000 50.08%);width:65vw;height:95vw;animation-duration:80s;animation-direction:reverse}.line-five{background:linear-gradient(165deg,#0000 49.92%,#ffffff17 50%,#0000 50.08%);width:85vw;height:60vw;animation-duration:72s}@keyframes drift{0%{rotate:0deg}to{rotate:360deg}}@keyframes fade-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (max-width:600px){.page{padding:70px 8vw 80px}.greeting{font-size:clamp(2.1rem,10vw,3rem)}.background-lines{opacity:.7;left:10%}.line{width:140vw;height:140vw;left:90%}.tech-stack{margin-top:25px}.tech-list{gap:15px 17px}.tech-item{font-size:.82rem}.socials{gap:25px;margin-top:30px}.footer{bottom:24px;left:8vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}