@import "https://fonts.cdnfonts.com/css/sony-sketch-ef";
:root{--bg-base:#ade1f6;--bg-gradient-a:#7cd5f8;--bg-gradient-b:#9cf1d4;--bg-gradient-c:#d8f1ff;--surface:#ffffff73;--surface-strong:#ffffffd9;--surface-dim:#c8e6f840;--border:#ffffffb3;--border-dim:#a0d2f066;--text-primary:#0d2136;--text-secondary:#2a5a7a;--text-muted:#5a8aaa;--aqua:#22d3ee;--aqua-dark:#0ea5e9;--green:#4ade80;--green-dark:#16a34a;--teal:#2dd4bf;--orange:#fb923c;--glow-aqua:#22d3ee59;--glow-green:#4ade804d;--pill-shadow:0 4px 24px #0ea5e92e, 0 1px 4px #00000014;--card-shadow:0 8px 32px #00508c1f, 0 2px 8px #0000000f;--gloss-highlight:linear-gradient(180deg, #ffffffb3 0%, #fff0 60%)}[data-theme=dark]{--bg-base:#060f1a;--bg-gradient-a:#071525;--bg-gradient-b:#081a1a;--bg-gradient-c:#0a1020;--surface:#0a1e3299;--surface-strong:#0e2841cc;--surface-dim:#0a283c4d;--border:#22d3ee2e;--border-dim:#2dd4bf1a;--text-primary:#e0f4ff;--text-secondary:#7dd3fc;--text-muted:#38bdf8;--glow-aqua:#22d3ee40;--glow-green:#4ade8033;--pill-shadow:0 4px 32px #22d3ee33, 0 1px 4px #0006;--card-shadow:0 8px 40px #00000080, 0 2px 8px #22d3ee1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--aqua) 0%, var(--teal) 50%, var(--green) 100%);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .3s;box-shadow:0 0 6px #22d3ee66}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#67e8f9 0%,#5eead4 50%,#86efac 100%) padding-box padding-box;border:2px solid #0000;border-radius:999px;box-shadow:0 0 12px #22d3ee99}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--aqua) transparent}.scroll-hidden{opacity:0;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.scroll-revealed{opacity:1;transform:translateY(0)}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Sony Sketch EF,Inter,system-ui,sans-serif;transition:background-color .5s,color .5s;position:relative;overflow-x:hidden}.font-sony{font-family:Sony Sketch EF,Inter,sans-serif}.aero-bg{z-index:-1;background:linear-gradient(135deg, var(--bg-gradient-a) 0%, var(--bg-gradient-c) 50%, var(--bg-gradient-b) 100%);position:fixed;inset:0;overflow:hidden}.aero-bg:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#071525 0%,#0a1020 50%,#081a1a 100%);transition:opacity .7s;position:absolute;inset:0}[data-theme=dark] .aero-bg:after{opacity:1}.aero-bg:before{content:"";background:radial-gradient(70% 50% at 20% 30%,#22d3ee24 0%,#0000 60%),radial-gradient(60% 40% at 80% 70%,#4ade801f 0%,#0000 55%),radial-gradient(50% 60% at 60% 10%,#60a5fa17 0%,#0000 60%);animation:18s ease-in-out infinite alternate aurora-shift;position:absolute;inset:-50%}.aero-bg:after{content:"";background:radial-gradient(45% 55% at 75% 25%,#2dd4bf17 0%,#0000 55%),radial-gradient(55% 35% at 25% 75%,#4ade8012 0%,#0000 55%);animation:24s ease-in-out infinite alternate-reverse aurora-shift;position:absolute;inset:-50%}@keyframes aurora-shift{0%{transform:translate(0%)rotate(0)}33%{transform:translate(3%,-4%)rotate(8deg)}66%{transform:translate(-4%,3%)rotate(-5deg)}to{transform:translate(2%,-2%)rotate(12deg)}}.aero-bubble{pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffffb3,#ffffff0d);border:1px solid #ffffff80;border-radius:50%;animation:linear infinite bubble-float;position:absolute;box-shadow:inset 0 0 12px #ffffff4d,0 4px 16px #0050a01a}@keyframes bubble-float{0%{opacity:0;transform:translateY(110vh)translate(0)scale(1)}5%{opacity:.3}95%{opacity:.22}to{opacity:0;transform:translateY(-20vh)translate(40px)scale(1.1)}}.vista-ribbon-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.vista-ribbon{mix-blend-mode:screen;pointer-events:none;border-radius:2px;width:240%;position:absolute;left:-70%}.vista-ribbon-1{filter:blur(12px);background:linear-gradient(90deg,#0000 0%,#22d3ee00 5%,#22d3ee40 22%,#ffffff8c 40%,#4ade804d 58%,#2dd4bf2e 74%,#22d3ee00 90%,#0000 100%);height:110px;animation:26s ease-in-out infinite ribbon-arc1;top:58%;transform:rotate(-8deg)}.vista-ribbon-2{filter:blur(8px);background:linear-gradient(90deg,#0000 0%,#60a5fa00 8%,#60a5fa38 28%,#ffffff73 48%,#22d3ee33 66%,#60a5fa00 88%,#0000 100%);height:52px;animation:34s ease-in-out -10s infinite ribbon-arc2;top:45%;transform:rotate(-12deg)}.vista-ribbon-3{filter:blur(7px);background:linear-gradient(90deg,#0000 0%,#4ade8000 10%,#4ade8033 32%,#ffffff61 50%,#2dd4bf2e 68%,#4ade8000 88%,#0000 100%);height:40px;animation:42s ease-in-out -18s infinite ribbon-arc3;top:74%;transform:rotate(-5deg)}.vista-ribbon-4{filter:blur(5px);background:linear-gradient(90deg,#0000 0%,#fff0 15%,#ffffff52 40%,#22d3ee38 60%,#fff0 85%,#0000 100%);height:22px;animation:20s ease-in-out -6s infinite ribbon-arc1;top:36%;transform:rotate(-15deg)}.vista-flare{filter:blur(22px);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(80% 70% at 50% 100%,#ffffff24 0%,#22d3ee1f 25%,#4ade8012 55%,#0000 100%);width:70vw;height:50vh;animation:14s ease-in-out infinite alternate flare-breathe;position:absolute;bottom:-25vh;left:50%;transform:translate(-50%)}@keyframes ribbon-arc1{0%{opacity:0;transform:rotate(-8deg)translate(-4%)}8%{opacity:1}45%{opacity:.9;transform:rotate(-5deg)translate(3%)}55%{opacity:.85;transform:rotate(-6deg)translate(4%)}92%{opacity:1}to{opacity:0;transform:rotate(-9deg)translate(-3%)}}@keyframes ribbon-arc2{0%{opacity:0;transform:rotate(-12deg)translate(5%)}8%{opacity:.9}50%{opacity:.8;transform:rotate(-8deg)translate(-3%)}92%{opacity:.9}to{opacity:0;transform:rotate(-13deg)translate(4%)}}@keyframes ribbon-arc3{0%{opacity:0;transform:rotate(-5deg)translate(-6%)}10%{opacity:.85}50%{opacity:.75;transform:rotate(-3deg)translate(5%)}90%{opacity:.85}to{opacity:0;transform:rotate(-6deg)translate(-5%)}}@keyframes flare-breathe{0%{opacity:.5;transform:translate(-50%)scale(.92)}50%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:.6;transform:translate(-50%)scale(1)}}.vista-ribbon-1,.vista-ribbon-2,.vista-ribbon-3,.vista-ribbon-4,.vista-flare{transition:opacity .7s}[data-theme=dark] .vista-ribbon-1{opacity:.8}[data-theme=dark] .vista-ribbon-2{opacity:.75}[data-theme=dark] .vista-ribbon-3{opacity:.7}[data-theme=dark] .vista-ribbon-4{opacity:.65}[data-theme=dark] .vista-flare{background:radial-gradient(80% 70% at 50% 100%,#22d3ee33 0%,#2dd4bf24 30%,#60a5fa14 60%,#0000 100%)}.navbar-scroll-shade{background:linear-gradient(180deg, rgba(var(--bg-base-rgb,212, 238, 248), .55) 0%, transparent 100%);-webkit-backdrop-filter:blur();pointer-events:none;z-index:99;opacity:0;height:6rem;transition:opacity .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;top:0;left:0;right:0}.navbar-shade-visible{opacity:1;-webkit-backdrop-filter:blur(8px)saturate(130%)}[data-theme=dark] .navbar-scroll-shade{background:linear-gradient(#060f1a99 0%,#0000 100%)}.navbar-bar{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 1.5rem 0;padding:0 1.5rem;display:flex;position:sticky;top:1rem}.navbar-pill{background-color:var(--surface-strong);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border);box-shadow:var(--pill-shadow);pointer-events:all;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;transition:background-color .7s,color .7s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.navbar-pill:before{content:"";pointer-events:none;background:linear-gradient(#ffffff73 0%,#0000 100%);border-radius:999px 999px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.navbar-pill:hover{box-shadow:var(--pill-shadow), 0 0 20px var(--glow-aqua);border-color:#22d3ee80}.navbar-logo{letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:.6rem;font-size:1rem;font-weight:900;text-decoration:none;display:flex}.navbar-logo:hover{opacity:.8}.navbar-logo img{object-fit:contain;width:1.75rem;height:1.75rem;box-shadow:0 0 10px var(--glow-aqua);border-radius:50%;flex-shrink:0;transition:box-shadow .4s}.navbar-logo:hover img{box-shadow:0 0 20px var(--glow-aqua), 0 0 36px var(--glow-green)}.navbar-nav{align-items:center;gap:0;display:flex}.navbar-link{color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:.3rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.navbar-link:hover{color:var(--text-primary);background:#22d3ee1f}.navbar-separator{background:var(--border-dim);flex-shrink:0;width:1px;height:1.2rem}.theme-toggle-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.2rem .4rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:color .2s;display:flex}.theme-toggle-btn:hover{color:var(--aqua)}.toggle-track{background:linear-gradient(90deg, var(--aqua-dark), var(--teal));width:2.5rem;height:1.3rem;box-shadow:inset 0 1px 3px #0003, 0 0 8px var(--glow-aqua);border-radius:999px;transition:background .3s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:1rem;height:1rem;transition:left .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:.15rem;transform:translateY(-50%);box-shadow:0 1px 4px #00000040}.toggle-thumb.dark{left:calc(100% - 1.15rem)}.page-wrapper{max-width:1300px;margin:0 auto;padding:0 1.5rem}.page-wrapper-full{width:100%;padding:0 2rem}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:82vh;padding:4rem 1rem 2rem;display:flex;position:relative}.hero-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--aqua-dark);background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--aqua);width:6px;height:6px;box-shadow:0 0 8px var(--aqua);border-radius:50%;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{letter-spacing:-.04em;color:var(--aqua);margin-bottom:1.5rem;font-size:clamp(3.5rem,9vw,7.5rem);font-weight:900;line-height:1;position:relative}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.65}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--aqua) 0%, var(--teal) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 20px var(--glow-aqua), 0 1px 0 #fff3 inset;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(#ffffff4d 0%,#0000 100%);border-radius:999px 999px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.btn-primary:hover{box-shadow:0 6px 28px var(--glow-aqua), 0 1px 0 #fff3 inset;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background-color:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;box-shadow:var(--card-shadow);border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .7s,color .7s,transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn-ghost:before{content:"";background:linear-gradient(#fff6 0%,#0000 100%);border-radius:999px 999px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.btn-ghost:hover{border-color:var(--aqua);box-shadow:var(--card-shadow), 0 0 16px var(--glow-aqua);transform:translateY(-1px)}.aero-card{background-color:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:1.25rem;transition:background-color .7s,color .7s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.aero-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff59 0%,#0000 100%);border-radius:1.25rem 1.25rem 60% 60%/20px;height:45%;position:absolute;top:0;left:0;right:0}.aero-card:hover{box-shadow:var(--card-shadow), 0 0 30px var(--glow-aqua);border-color:#22d3ee66;transform:translateY(-4px)scale(1.01)}.section-header{text-align:center;margin-bottom:3rem}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--aqua-dark);margin-bottom:.75rem;font-size:.75rem;font-weight:800;display:inline-block}.section-title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1}.device-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.device-card-inner{text-align:center;flex-direction:column;align-items:center;height:340px;padding:1.75rem 1.5rem;display:flex}.device-img-wrap{background:var(--surface-strong);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:1.25rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0050a01f,inset 0 1px 2px #fff9}.device-img-wrap:before{content:"";filter:blur(3px);z-index:1;pointer-events:none;background:#ffffff80;border-radius:50%;width:40%;height:35%;position:absolute;top:5%;left:10%}.device-img-wrap img{object-fit:cover;width:100%;height:100%}.aero-card:hover .device-img-wrap{transform:translateY(-6px)scale(1.06)}.device-placeholder{color:var(--aqua);opacity:.3;font-size:3.5rem;font-weight:900}.device-model{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.3rem;font-size:1.4rem;font-weight:900;line-height:1.2}.device-color{color:var(--text-muted);margin-bottom:auto;font-size:.875rem}.device-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--aqua-dark);background:#22d3ee1a;border:1px solid #22d3ee40;border-radius:999px;margin-top:1rem;padding:.25rem .85rem;font-size:.7rem;font-weight:800}.badge-pristine{background:linear-gradient(135deg,#cba536 0%,#fff2ac 25%,#d1ae3e 50%,#906606 75%,#ffdf00 100%) 0 0/200% 200%;border:1px solid #583c04;padding:.35rem 1rem;animation:6s ease-in-out infinite alternate plaque-shift;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fffc,inset 0 -2px 3px #00000080,0 4px 8px #0006,0 0 12px #ffd70040}@keyframes plaque-shift{0%{background-position:0 0}to{background-position:100% 100%}}.badge-pristine .plaque-text{color:#4f3300;text-shadow:0 1px 1px #ffffffa6,0 -1px #00000080;z-index:2;letter-spacing:.15em;font-weight:900;position:relative}.badge-pristine:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:40%;height:100%;animation:4.5s cubic-bezier(.16,1,.3,1) 1.5s infinite shine-plaque;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shine-plaque{0%{left:-100%}15%{left:200%}to{left:200%}}.badge-pristine .sparkle{opacity:0;z-index:3;background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 5px 2px #ffffffe6,0 0 8px 3px #ffd700b3}.badge-pristine .s1{animation:3.5s .5s infinite sparkle-pop;top:25%;left:15%}.badge-pristine .s2{animation:4.2s 1.8s infinite sparkle-pop;bottom:25%;right:25%}.badge-pristine .s3{animation:3.8s 2.5s infinite sparkle-pop;top:35%;right:8%}@keyframes sparkle-pop{0%{opacity:0;transform:scale(0)rotate(0)}8%{opacity:1;transform:scale(1.6)rotate(45deg)}16%{opacity:0;transform:scale(0)rotate(90deg)}to{opacity:0}}.badge-good{color:#4ade80;background:#4ade801a;border-color:#4ade804d;box-shadow:0 0 10px #4ade8033}.badge-fair{color:#f97316;background:#f9731626;border-color:#f9731666}.badge-poor{color:#ef4444;background:#ef44441a;border-color:#ef444466;position:relative}.badge-poor:before,.badge-poor:after{content:attr(data-text);color:#fff;letter-spacing:.1em;text-transform:uppercase;opacity:0;z-index:2;pointer-events:none;background:#dc2626f2;border:1px solid #dc2626e6;border-radius:999px;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex;position:absolute;inset:-1px}.badge-poor:before{text-shadow:2px 0 red;animation:3.5s linear infinite alternate-reverse vhs-slice-1}.badge-poor:after{text-shadow:-2px 0 #0ff;animation:3.5s linear infinite alternate-reverse vhs-slice-2}.badge-poor .vhs-static{opacity:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(#0000,#0000 2px,#ffffff59 2px 3px);border-radius:999px;animation:3.5s linear infinite alternate-reverse vhs-noise;position:absolute;inset:0}@keyframes vhs-slice-1{0%{opacity:0;clip-path:inset(20% 0 80%);transform:translate(0)}6%{opacity:0}7%{opacity:1;clip-path:inset(20% 0 80%);transform:translate(-3px,1px)skew(20deg)}8%{opacity:1;clip-path:inset(40% 0 50%);transform:translate(4px,-1px)}9%{opacity:1;clip-path:inset(60% 0 20%);transform:translate(-3px)skew(-15deg)}10%{opacity:0;clip-path:inset(60% 0 20%);transform:translate(0)}to{opacity:0}}@keyframes vhs-slice-2{0%{opacity:0;clip-path:inset(10% 0 60%);transform:translate(0)}6.5%{opacity:0}7.5%{opacity:1;clip-path:inset(10% 0 60%);transform:translate(3px,-1px)skew(-20deg)}8.5%{opacity:1;clip-path:inset(80% 0 10%);transform:translate(-4px,1px)}9.5%{opacity:1;clip-path:inset(30% 0 40%);transform:translate(3px)skew(15deg)}10.5%{opacity:0;clip-path:inset(30% 0 40%);transform:translate(0)}to{opacity:0}}@keyframes vhs-noise{0%{opacity:0;transform:translateY(0)}6.5%{opacity:0}7%{opacity:1;transform:translateY(-3px)}8%{opacity:1;filter:contrast(200%);transform:translateY(3px)}9%{opacity:1;transform:translateY(-2px)}10%{opacity:0;filter:contrast();transform:translateY(0)}to{opacity:0}}.timeline{flex-direction:column;gap:1.25rem;max-width:780px;margin:0 auto;display:flex}.timeline-item{align-items:flex-start;gap:1.25rem;display:flex}.timeline-dot{background:var(--surface-strong);border:2px solid var(--aqua);width:2.5rem;height:2.5rem;box-shadow:0 0 12px var(--glow-aqua);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex}.timeline-dot:after{content:"";background:var(--aqua);width:8px;height:8px;box-shadow:0 0 8px var(--aqua);border-radius:50%}.timeline-item:hover .timeline-dot{box-shadow:0 0 24px var(--glow-aqua);transform:scale(1.15)}.timeline-card{flex:1}.timeline-card-inner{padding:1.5rem}.timeline-model{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:900}.timeline-notes{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.timeline-date{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:.75rem;font-size:.7rem;font-weight:800}.page-hero{flex-direction:column;align-items:flex-start;padding:5rem 0 3rem;display:flex}.page-hero-title{letter-spacing:-.04em;background:linear-gradient(135deg, var(--aqua) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1}.page-hero-sub{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;font-size:1.1rem;line-height:1.65}.login-wrap{justify-content:center;align-items:center;min-height:85vh;padding:2rem;display:flex}.login-card{width:100%;max-width:420px}.login-card-inner{padding:2.5rem}.login-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:900}.login-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1rem}.form-input{background:var(--surface-dim);border:1px solid var(--border-dim);width:100%;color:var(--text-primary);border-radius:.75rem;outline:none;padding:.85rem 1.1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #22d3ee26}.form-error{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:.5rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.85rem}.footer{text-align:center;color:var(--text-muted);padding:4rem 1rem 2rem;font-size:.85rem}.footer a{color:inherit;opacity:.4;text-decoration:none;transition:opacity .2s}.footer a:hover{opacity:.9}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes enter-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:.6s cubic-bezier(.16,1,.3,1) both enter-up}.animate-float{animation:6s ease-in-out infinite float-slow}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.24s}.stagger>:nth-child(5){animation-delay:.32s}.stagger>:nth-child(6){animation-delay:.4s}.empty-state{text-align:center;color:var(--text-muted);padding:5rem 2rem;font-size:1.1rem}@media (max-width:640px){.navbar-bar{flex-direction:column;align-items:stretch;gap:.5rem;margin:.5rem 1rem;padding:0}.navbar-pill{flex-wrap:wrap;justify-content:center;gap:.2rem;padding:.6rem}.navbar-logo{justify-content:center}.navbar-separator{display:none}.navbar-link{border-radius:6px;padding:.35rem .65rem;font-size:.85rem}.navbar-scroll-shade{height:10rem}.device-grid{grid-template-columns:1fr;gap:1.25rem}div[style*=minmax\(200px]{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.hero-title{white-space:nowrap;font-size:12vw}.hero-subtitle{font-size:1rem}.page-hero-title{font-size:11vw}.page-hero-sub{font-size:.95rem}.footer{text-align:center;flex-direction:column;gap:1rem}.footer .make-believe{font-size:.6rem!important}}@keyframes wave-char{0%{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(0)}75%{transform:translateY(1.5px)}to{transform:translateY(0)}}.wave-char{background:linear-gradient(135deg, var(--aqua) 0%, var(--teal) 50%, var(--green) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #22d3ee47);-webkit-background-clip:text;background-clip:text;font-family:TeXGyreAdventor,TeX Gyre Adventor,sans-serif;animation:3.2s ease-in-out infinite wave-char;display:inline-block}.make-believe{font-family:TeXGyreAdventor,TeX Gyre Adventor,sans-serif!important}