@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#fff;--text-color:#1a1a2e;--text-muted:#6b7280;--border-color:#e5e7eb;--card-bg:#f1f5f980;--card-hover-bg:#e2e8f0b3;--tag-bg:#fff6;--nav-bg:#fffc;--accent-glow:#0070f31a;--vector-field-color:#0f172a;--gradient-name:linear-gradient(90deg, #0070f3, #00c6ff);--hover-bg:#38bdf8;--hover-text:#fff;--step--1:clamp(.8rem, .05vw + .79rem, .84rem);--step-0:clamp(1rem, .16vw + .96rem, 1.13rem);--step-1:clamp(1.25rem, .35vw + 1.16rem, 1.51rem);--step-2:clamp(1.56rem, .65vw + 1.4rem, 2.02rem);--step-3:clamp(1.95rem, 1.1vw + 1.68rem, 2.72rem);--step-4:clamp(2.44rem, 1.77vw + 2rem, 3.66rem);--step-5:clamp(3.05rem, 2.76vw + 2.36rem, 4.94rem)}[data-theme=dark]{--bg-color:#0b0f19;--text-color:#f8fafc;--text-muted:#94a3b8;--border-color:#1e293b;--card-bg:#1118274d;--card-hover-bg:#1f2937b3;--tag-bg:#ffffff0d;--nav-bg:#0b0f19cc;--accent-glow:#38bdf81a;--vector-field-color:#38bdf8;--gradient-name:linear-gradient(90deg, #38bdf8, #818cf8)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Outfit,sans-serif;line-height:1.6;transition:background-color .15s cubic-bezier(.23,1,.32,1),color .15s cubic-bezier(.23,1,.32,1)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;font-weight:600}.name-gradient{background:var(--gradient-name);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--nav-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex;position:fixed;top:0}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 2rem}@media (max-width:640px){.container{padding:0 1.25rem}}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-color)}.theme-toggle{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.theme-toggle:hover{background-color:var(--hover-bg);color:var(--hover-text);border-color:var(--hover-bg)}.snap-container{z-index:1;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;height:100vh;position:relative;overflow-y:scroll}.snap-container::-webkit-scrollbar{display:none}.snap-section{scroll-snap-align:start;flex-direction:column;justify-content:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.snap-section{scroll-snap-align:none;height:auto;min-height:100dvh;padding:6rem 0 4rem}.snap-container{scroll-snap-type:none;height:auto;overflow-y:visible}}.snap-content{z-index:10;width:100%;max-width:1000px;margin:0 auto;padding:0 2rem}.snap-title{font-size:var(--step-4);margin-bottom:1rem}.snap-desc{font-size:var(--step-1);color:var(--text-muted);max-width:800px;margin-bottom:2rem}.bg-variant-1{background:radial-gradient(circle at right top, var(--accent-glow) 0%, transparent 40%)}.bg-variant-2{background:radial-gradient(circle at left bottom, var(--accent-glow) 0%, transparent 50%)}.bg-variant-3{background:linear-gradient(135deg, transparent 70%, var(--accent-glow))}.section-full{z-index:1;min-height:80vh;padding-top:6rem;padding-bottom:4rem;position:relative}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}@media (max-width:480px){.cards-grid{grid-template-columns:1fr;gap:1.5rem}}.card{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .15s cubic-bezier(.23,1,.32,1),box-shadow .15s cubic-bezier(.23,1,.32,1),background-color .15s cubic-bezier(.23,1,.32,1),border-color .15s cubic-bezier(.23,1,.32,1);position:relative}@media (hover:hover){.card:hover{box-shadow:0 10px 30px var(--brand-color-glow,var(--accent-glow));background-color:var(--brand-color-bg,var(--card-hover-bg));border-color:var(--brand-color,var(--border-color));transform:translateY(-5px)}}.card.card-active{box-shadow:0 10px 30px var(--brand-color-glow,var(--accent-glow));background-color:var(--brand-color-bg,var(--card-hover-bg));border-color:var(--brand-color,var(--border-color));transform:translateY(-5px)}.card-tag{cursor:pointer;transition:all .15s cubic-bezier(.23,1,.32,1)}@media (hover:hover){.card-tag:hover,.card:hover .card-tag{background-color:var(--brand-color,var(--hover-bg))!important;color:var(--hover-text)!important;border-color:var(--brand-color,var(--hover-bg))!important}}.card.card-active .card-tag{background-color:var(--brand-color,var(--hover-bg))!important;color:var(--hover-text)!important;border-color:var(--brand-color,var(--hover-bg))!important}.card-ripple{pointer-events:none;opacity:0;border:1.5px solid var(--brand-color,var(--accent-glow));background-color:#0000;background-color:color-mix(in srgb, var(--brand-color,var(--accent-glow)) 10%, transparent);border-radius:12px;transition:all .6s cubic-bezier(.175,.885,.32,1);position:absolute;inset:0}@media (hover:hover){.card:hover .card-ripple-1{opacity:.6;border-radius:16px;transition-delay:50ms;inset:-6px}.card:hover .card-ripple-2{opacity:.25;border-radius:20px;transition-delay:.1s;inset:-14px}}.card.card-active .card-ripple-1{opacity:.6;border-radius:16px;transition-delay:50ms;inset:-6px}.card.card-active .card-ripple-2{opacity:.25;border-radius:20px;transition-delay:.1s;inset:-14px}.card-ripple-1{transition-delay:.1s}.card-ripple-2{transition-delay:50ms}.card h3{margin-bottom:.5rem;font-size:1.25rem}.card p{color:var(--text-muted);font-size:.95rem}.card-link:after{content:"";position:absolute;inset:0}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:4rem;padding:3rem 0;font-size:.9rem}.hamburger{cursor:pointer;z-index:1010;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.hamburger span{background-color:var(--text-color);width:24px;height:2px;transition:all .15s cubic-bezier(.23,1,.32,1);display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(4px,4px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(4px,-5px)}.mobile-nav-overlay{background-color:var(--bg-color);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100vh;transition:transform .5s cubic-bezier(.77,.2,.05,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.mobile-nav-overlay.open{transform:translateY(0)}.mobile-nav-link{font-size:1.5rem;font-weight:600}@media (max-width:768px){.nav-links{display:none}.hamburger{display:flex}}.avatar-main{cursor:pointer;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),box-shadow .6s}.avatar-wrapper:hover .avatar-main{transform:scale(1.08);box-shadow:0 0 60px var(--accent-glow)!important}.ripple-ring{border:1.5px solid var(--accent-glow);pointer-events:none;opacity:0;border-radius:50%;transition:transform .6s cubic-bezier(.175,.885,.32,1),opacity .6s,border-color .6s;position:absolute;inset:0;transform:scale(1)}.avatar-wrapper:hover .ripple-1{opacity:.6;border-color:#0070f3;transition-delay:50ms;transform:scale(1.15)}.avatar-wrapper:hover .ripple-2{opacity:.4;border-color:#00c6ff;transition-delay:.1s;transform:scale(1.3)}.avatar-wrapper:hover .ripple-3{opacity:.2;border-color:#38bdf8;transition-delay:.15s;transform:scale(1.45)}.avatar-wrapper:hover .ripple-4{opacity:.1;border-color:#38bdf8;transition-delay:.2s;transform:scale(1.6)}.ripple-1{transition-delay:.15s}.ripple-2{transition-delay:.1s}.ripple-3{transition-delay:50ms}.ripple-4{transition-delay:0s}.geometry-wrapper{cursor:pointer}.geometry-main{transition:transform .6s cubic-bezier(.175,.885,.32,1.275),box-shadow .6s,background-color .6s,border-color .6s;box-shadow:0 0 15px #38bdf80d}.geom-dot{background-color:#38bdf826}.geom-rect{background-color:#0000;border:2px solid #38bdf84d}.geometry-wrapper:hover .geometry-main{box-shadow:0 0 45px var(--accent-glow)!important;transform:scale(1.15)!important}.geometry-wrapper:hover .geom-dot{background-color:#38bdf899!important}.geometry-wrapper:hover .geom-rect{border-color:#38bdf8cc!important}.ripple-geom{pointer-events:none;opacity:0;border:1.5px solid var(--accent-glow);transition:all .6s cubic-bezier(.175,.885,.32,1);position:absolute;inset:0}.ripple-dot{border-radius:50%}.ripple-rect-1,.ripple-rect-2,.ripple-rect-3{border-radius:6px}.geometry-wrapper:hover .ripple-geom-1{opacity:.7;border-color:#38bdf8;transition-delay:50ms;inset:-8px}.geometry-wrapper:hover .ripple-rect-1{border-radius:10px}.geometry-wrapper:hover .ripple-geom-2{opacity:.45;border-color:#38bdf8;transition-delay:.1s;inset:-16px}.geometry-wrapper:hover .ripple-rect-2{border-radius:14px}.geometry-wrapper:hover .ripple-geom-3{opacity:.2;border-color:#38bdf8;transition-delay:.15s;inset:-24px}.geometry-wrapper:hover .ripple-rect-3{border-radius:18px}.ripple-geom-1{transition-delay:.1s}.ripple-geom-2{transition-delay:50ms}.ripple-geom-3{transition-delay:0s}