.landing-root{--accent-1-soft:#ec7aa038;--accent-2-soft:#f5c27738;--accent-3-soft:#b892e838;--shadow-md:0 8px 24px #0000006b;--shadow-lg:0 16px 48px #0000008c;--shadow-xl:0 24px 72px #000000a6}html{scroll-behavior:smooth}body{font-size:15px;line-height:1.55;overflow-x:hidden}@keyframes softRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.stagger>*{animation:softRise .8s var(--ease-out) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:.12s}.stagger>:nth-child(3){animation-delay:.24s}.stagger>:nth-child(4){animation-delay:.34s}.stagger>:nth-child(5){animation-delay:.44s}.stagger>:nth-child(6){animation-delay:.54s}.stagger>:nth-child(7){animation-delay:.64s}.stagger>:nth-child(8){animation-delay:.74s}}.topbar{z-index:10;justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .brand{font-size:18px}.login-btn{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-family:Geist,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.login-btn:hover{background:var(--accent-1-soft);color:var(--accent-1);border-color:#0000;transform:translateY(-1px)}.login-btn svg{flex-shrink:0;width:13px;height:13px}.landing-root{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:920px;margin:0 auto;padding:120px 32px 80px;display:flex;position:relative}.hero{background:var(--surface);border:1px solid var(--border);width:100%;max-width:920px;box-shadow:var(--shadow-xl);border-radius:28px;grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;margin-bottom:64px;padding:40px 56px 56px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse at center, var(--accent-1-soft) 0%, transparent 62%);pointer-events:none;width:75%;height:160%;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(ellipse at center, var(--accent-3-soft) 0%, transparent 62%);pointer-events:none;width:60%;height:100%;position:absolute;bottom:-40%;left:-15%}.hero-left{z-index:1;text-align:right;flex-direction:column;align-self:center;gap:22px;display:flex;position:relative}.hero-right{z-index:1;justify-content:center;display:flex;position:relative}.avatar-wrap{aspect-ratio:4/5;perspective:1200px;width:260px;position:relative}.avatar-card{cursor:pointer;background:var(--elevated);border:1px solid var(--border-strong);width:100%;height:100%;box-shadow:var(--shadow-xl), var(--shadow-glow);transform-style:preserve-3d;transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) translateY(var(--ty-lift,0px)) scale(var(--sc,1));transition:transform .52s var(--ease-out), box-shadow .35s ease;will-change:transform;border-radius:22px;position:relative;overflow:hidden}.avatar-card.tilting{transition:transform 80ms linear,box-shadow .35s}.avatar-card:hover{--ty-lift:-4px;--sc:1.015;box-shadow:var(--shadow-xl), 0 0 72px #ec7aa052}.avatar-card:active{--ty-lift:-2px;--sc:.995}.avatar-card .gloss{pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle 180px at var(--mx,50%) var(--my,50%), #ffffff2e, #fff0 65%);mix-blend-mode:screen;transition:opacity .32s;position:absolute;inset:0}.avatar-card:hover .gloss{opacity:1}.avatar-card .img-stack{position:absolute;inset:0}.avatar-card img{object-fit:cover;width:100%;height:100%;transition:opacity .42s var(--ease-in-out);user-select:none;-webkit-user-drag:none;pointer-events:none;position:absolute;inset:0}.avatar-card img.incoming,.avatar-card.swapping img.outgoing{opacity:0}.avatar-card.swapping img.incoming{opacity:1}.avatar-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);height:40%;position:absolute;bottom:0;left:0;right:0}.counter{-webkit-backdrop-filter:blur(8px);color:#ffffffd9;letter-spacing:.04em;z-index:3;pointer-events:none;opacity:0;background:#00000073;border-radius:999px;padding:4px 10px;font-family:Geist Mono,monospace;font-size:11px;font-weight:600;transition:opacity .22s;position:absolute;bottom:12px;right:14px}.avatar-card:hover .counter{opacity:1}.avatar-card .arrow{-webkit-backdrop-filter:blur(6px);color:#ffffffc7;opacity:0;z-index:4;cursor:pointer;background:#00000047;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:opacity .22s,background .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.avatar-card .arrow.prev{left:10px}.avatar-card .arrow.next{right:10px}.avatar-card:hover .arrow{opacity:.65}.avatar-card .arrow:hover{color:#fff;background:#0000008c;opacity:1!important}.avatar-card .arrow svg{width:15px;height:15px}@media (hover:none){.avatar-card .arrow{opacity:.55}.counter{opacity:1}}.name{letter-spacing:-.022em;font-feature-settings:"ss01";background:linear-gradient(180deg, var(--text-primary) 0%, var(--accent-3) 120%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:10px;font-family:Fraunces,serif;font-size:clamp(48px,6vw,76px);font-weight:500;line-height:.96}.name em{color:var(--accent-1);-webkit-text-fill-color:var(--accent-1);font-style:italic;font-weight:400}.tagline{color:var(--text-secondary);letter-spacing:.005em;margin:-7px 0 0;font-family:Geist,sans-serif;font-size:15px;font-weight:500}.tagline .sep{color:var(--accent-2);margin:0 9px;font-family:Geist Mono,monospace;display:inline-block}.bio{color:var(--text-secondary);max-width:460px;margin:0;font-family:Geist,sans-serif;font-size:15px;font-weight:400;line-height:1.7}.bio em{color:var(--text-primary);font-style:italic}.socials{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:56px;display:flex}.social-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .22s var(--ease-out);border-radius:999px;align-items:center;gap:11px;padding:12px 20px;font-family:Geist,sans-serif;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.social-pill svg{flex-shrink:0;width:18px;height:18px}.social-pill:hover{background:var(--elevated);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.social-pill.github:hover{color:var(--text-primary)}.social-pill.twitter:hover{color:var(--accent-3)}.social-pill.youtube:hover{color:var(--danger)}.social-pill.discord:hover{color:var(--accent-3)}.social-pill.email:hover{color:var(--accent-2)}.social-pill .toast{background:var(--accent-1);color:var(--base);letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:all .24s var(--ease-out);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:999px;padding:5px 10px;font-family:Geist Mono,monospace;font-size:10px;font-weight:600;position:absolute;top:-34px;left:50%;transform:translate(-50%,6px)}.social-pill.copied .toast{opacity:1;transform:translate(-50%)}.social-pill .toast:after{content:"";background:var(--accent-1);width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.social-pill .copy-hint{letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);font-family:Geist Mono,monospace;font-size:10px;font-weight:500;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-4px)}.social-pill:hover .copy-hint{opacity:1;transform:translate(-50%)}button.social-pill{font:inherit;line-height:normal}.landing-footer{z-index:2;text-align:center;letter-spacing:.08em;color:var(--text-dim);margin-top:120px;padding:40px 20px;font-family:Geist Mono,monospace;font-size:11.5px;font-weight:500;position:relative}.landing-footer .divider{color:var(--accent-2);opacity:.6;margin:0 12px;display:inline-block}.landing-footer a{color:var(--accent-3);text-decoration:none;transition:color .18s}.landing-footer a:hover{color:var(--accent-1)}@media (width<=820px){.hero{text-align:center;grid-template-columns:1fr;gap:36px;padding:44px 36px}.hero-left{text-align:center;align-items:center}.bio,.tagline{text-align:center}}@media (width<=640px){.landing-root{padding:100px 20px 60px}.topbar{padding:18px 20px}.hero{border-radius:22px;padding:36px 24px}.avatar-wrap{width:220px}.name{font-size:clamp(44px,12vw,64px)}}