@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap";:root{font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;min-height:100vh}#root{width:100%;margin:0;padding:0}::selection{background:#3498db;color:#fff}::-moz-selection{background:#3498db;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b4b4b480;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#b4b4b4cc}*{scrollbar-width:thin;scrollbar-color:rgba(180,180,180,.5) transparent}:root{--bg: #08080c;--bg-soft: #0e0e15;--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--primary: #BB86FC;--secondary: #03DAC6;--text: #F4F4F6;--muted: #9A9AA8;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--maxw: 1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.grad{background:linear-gradient(120deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;overflow:hidden}.hero__canvas{position:absolute;inset:0;z-index:0;-webkit-mask-image:radial-gradient(circle at center,transparent 8%,#000 55%);mask-image:radial-gradient(circle at center,transparent 8%,#000 55%)}.hero__content{position:relative;z-index:1;pointer-events:none}.hero__content .btn{pointer-events:auto}.hero__eyebrow{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.25em;text-transform:uppercase;color:var(--secondary);margin-bottom:1rem}.hero__title{font-size:clamp(3rem,11vw,7rem);font-weight:800;line-height:1;letter-spacing:-.03em}.hero__tagline{margin-top:1.25rem;color:var(--muted);font-size:clamp(1rem,2.5vw,1.2rem)}.hero__actions{margin-top:2.25rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero__scroll{position:absolute;bottom:2rem;z-index:1;color:var(--muted);animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:999px;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-decoration:none}.btn--primary{background:var(--primary);color:#0a0a0f}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #bb86fc66}.btn--ghost{border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--surface-hover);transform:translateY(-2px)}.section{padding:6rem 0}.section__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:3rem;text-align:center}.stack{display:flex;flex-direction:column;gap:2.5rem}.stack__label{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem;text-align:center}.stack__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1rem}.tech{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.tech:hover{transform:translateY(-4px);background:var(--surface-hover);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 18%,transparent)}.tech__icon{width:34px;height:34px}.tech__mono{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--accent);height:34px;display:flex;align-items:center}.tech__name{font-size:.8rem;color:var(--muted);text-align:center}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project{display:flex;flex-direction:column;padding:1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;text-decoration:none;color:var(--text);transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease;transform-style:preserve-3d;position:relative;overflow:hidden}.project:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%);opacity:0;transition:opacity .3s ease}.project:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 20px 50px #0006}.project:hover:before{opacity:1}.project__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.project__name{font-size:1.35rem;font-weight:700}.project__arrow{color:var(--accent);flex-shrink:0;transition:transform .2s ease}.project:hover .project__arrow{transform:translate(3px,-3px)}.project__desc{color:var(--muted);margin:.75rem 0 1.25rem;font-size:.95rem;flex:1}.project__tags{display:flex;flex-wrap:wrap;gap:.5rem}.project__tag{font-family:var(--font-mono);font-size:.72rem;padding:.25rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 80%,white);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.section--contact{text-align:center}.contact__lead{color:var(--muted);max-width:32rem;margin:0 auto 2.5rem;font-size:1.05rem}.contact__links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact__link{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.4rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);text-decoration:none;font-size:.95rem;transition:transform .2s ease,border-color .2s ease,background .2s ease}.contact__link:hover{transform:translateY(-3px);border-color:var(--primary);background:var(--surface-hover)}.contact__link svg{color:var(--primary)}.footer{text-align:center;padding:2.5rem 1.5rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--border)}@media (max-width: 600px){.section{padding:4rem 0}.hero__actions{flex-direction:column;width:100%;max-width:280px}.hero__actions .btn{justify-content:center}}@media (prefers-reduced-motion: reduce){*{animation:none!important;scroll-behavior:auto!important}}