:root{color:#f8fbff;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#050711;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}html{scrollbar-gutter:stable}body{background:#050711;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.app-content{z-index:1;min-height:100svh;position:relative}.home-page,.simple-page{isolation:isolate;height:100svh;min-height:100svh;position:relative;overflow:hidden}.interactive-background{z-index:0;pointer-events:none;background:radial-gradient(circle,#77ffe414,#0000 28rem),radial-gradient(circle at 20% 20%,#70d7ff14,#0000 34rem),radial-gradient(circle at 82% 26%,#9a7cff1a,#0000 34rem),linear-gradient(135deg,#050711,#080d1f 48%,#0f122a);position:fixed;inset:0;overflow:hidden}.aurora-orb{filter:blur(44px)saturate(1.35);mix-blend-mode:screen;opacity:.72;will-change:transform;border-radius:999px;position:absolute}.aurora-orb-one{background:radial-gradient(circle at 32% 32%,#ffffff5c,#0000 14%),radial-gradient(circle,#4bd2ffcc,#4bd2ff5c 42%,#4bd2ff0f 72%,#0000 84%);width:48rem;height:48rem;animation:28s ease-in-out infinite alternate orbOneFloat;top:-12rem;left:-12rem}.aurora-orb-two{background:radial-gradient(circle at 34% 32%,#ffffff52,#0000 14%),radial-gradient(circle,#9b69ffcc,#9b69ff61 42%,#9b69ff0f 72%,#0000 84%);width:54rem;height:54rem;animation:32s ease-in-out infinite alternate orbTwoFloat;top:-4rem;right:-16rem}.aurora-orb-three{background:radial-gradient(circle at 34% 32%,#ffffff4d,#0000 14%),radial-gradient(circle,#46ffdcc2,#46ffdc57 42%,#46ffdc0e 72%,#0000 84%);width:52rem;height:52rem;animation:34s ease-in-out infinite alternate orbThreeFloat;bottom:-20rem;left:34%}.aurora-orb-four{opacity:.56;background:radial-gradient(circle at 34% 32%,#ffffff47,#0000 14%),radial-gradient(circle,#5f78ffb8,#5f78ff52 42%,#5f78ff0e 72%,#0000 84%);width:40rem;height:40rem;animation:30s ease-in-out infinite alternate orbFourFloat;top:24%;left:42%}.background-grid{opacity:.16;will-change:transform;background-image:linear-gradient(#ffffff13 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px);background-size:72px 72px;animation:36s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.background-shade{background:radial-gradient(circle,#0000 0%,#0000000f 72%),linear-gradient(#05071103,#05071124);position:absolute;inset:0}@keyframes orbOneFloat{0%{transform:translate(0,0)scale(1)}35%{transform:translate(14rem,7rem)scale(1.08)}70%{transform:translate(7rem,16rem)scale(.96)}to{transform:translate(22rem,10rem)scale(1.12)}}@keyframes orbTwoFloat{0%{transform:translate(0,0)scale(1)}35%{transform:translate(-16rem,9rem)scale(1.08)}70%{transform:translate(-8rem,19rem)scale(.98)}to{transform:translate(-24rem,12rem)scale(1.12)}}@keyframes orbThreeFloat{0%{transform:translate(0,0)scale(1)}35%{transform:translate(-13rem,-11rem)scale(1.06)}70%{transform:translate(11rem,-16rem)scale(1)}to{transform:translate(-4rem,-22rem)scale(1.1)}}@keyframes orbFourFloat{0%{transform:translate(0,0)scale(1)}40%{transform:translate(9rem,-7rem)scale(1.12)}75%{transform:translate(-12rem,8rem)scale(.96)}to{transform:translate(15rem,13rem)scale(1.06)}}@keyframes gridDrift{0%{transform:translate(0,0)}to{transform:translate(-72px,-72px)}}.top-nav{z-index:20;justify-content:space-between;align-items:center;display:flex;position:fixed;top:1.25rem;left:1.25rem;right:1.25rem}.nav-right-only{justify-content:flex-end}.brand-mini{color:#f8fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;padding:.55rem .85rem;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.brand-mini:hover{border-color:#ffffff47;transform:translateY(-1px);box-shadow:0 18px 54px #00000042}.icon-only-brand{width:3.5rem;height:3.5rem;padding:0}.brand-logo-mark,.hero-logo,.transition-logo-mark{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background:linear-gradient(135deg,#70d7ff47,#9a7cff52),#ffffff14;border:1px solid #ffffff38;place-items:center;display:grid;overflow:hidden}.card-logo{width:3.2rem;height:3.2rem;margin-bottom:1rem;display:block}.brand-logo-mark{width:2.2rem;height:2.2rem}.brand-logo-mark img,.hero-logo img,.transition-logo-mark img{object-fit:contain;width:68%;height:68%;display:block}.card-logo img{object-fit:contain;filter:drop-shadow(0 12px 28px #3fa3ff3d);width:100%;height:100%;display:block}.top-nav nav{gap:.75rem;display:flex}.top-nav button,.back-button,.glass-card button{color:#f8fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;min-height:2.75rem;padding:0 1.05rem;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.top-nav button:hover,.back-button:hover,.glass-card button:hover{border-color:#ffffff47;transform:translateY(-1px);box-shadow:0 18px 54px #00000042}.top-nav nav button:last-child,.glass-card button{background:linear-gradient(135deg,#70d7ff57,#9a7cff57),#ffffff1a}.hero{text-align:center;align-content:center;place-items:center;height:100svh;padding:6rem 1.5rem 3rem;display:grid}.hero-logo{width:clamp(4.6rem,8vw,6.1rem);height:clamp(4.6rem,8vw,6.1rem);margin-bottom:1.1rem;box-shadow:0 26px 90px #70d7ff38}.eyebrow{color:#77ffe4;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .85rem;font-size:.72rem;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-size:clamp(3.5rem,10vw,8.25rem);line-height:1}.hero-wordmark{flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:0;padding-bottom:.08em;line-height:1.08;display:inline-flex;overflow:visible}.hero-wordmark span{padding-bottom:.08em;line-height:1.08;display:inline-block}.hero-word-dark{background:linear-gradient(#f7f9fc 0%,#e8edf5 38%,#cfd8e6 72%,#b3c0d3 100%);color:#0000;text-shadow:0 0 18px #ffffff14;-webkit-background-clip:text;background-clip:text}.hero-word-blue{background:linear-gradient(#90dbff 0%,#58b8ff 36%,#3799ff 68%,#2c7dff 100%);color:#0000;text-shadow:0 0 28px #3fa3ff33;-webkit-background-clip:text;background-clip:text}.slogan{color:#f8fbffb8;max-width:42rem;margin:.85rem auto 0;font-size:clamp(1.05rem,2vw,1.5rem);line-height:1.45}.simple-page{place-items:center;padding:5.5rem 1.25rem 1.25rem;display:grid}.auth-screen{align-items:center}.back-button{z-index:20;position:fixed;top:1.25rem;left:1.25rem}.glass-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0d1223b8;border:1px solid #ffffff24;border-radius:1.65rem;width:min(100%,30rem);max-height:calc(100svh - 7rem);padding:clamp(1.1rem,2vw,1.45rem);box-shadow:0 24px 90px #0000006b}.compact-card h1{letter-spacing:-.03em;font-size:clamp(2.7rem,6vw,4.4rem);line-height:1}.demo-card h1{max-width:8.4ch;font-size:clamp(2.55rem,5vw,4rem)}.auth-mode-toggle{background:#ffffff0b;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:1rem;padding:.35rem;display:grid}.auth-mode-toggle button{border-radius:999px;min-height:2.45rem;padding:0 .85rem}.auth-mode-toggle button.active{background:linear-gradient(135deg,#70d7ff47,#9a7cff47),#ffffff14}form{gap:.78rem;margin-top:1.15rem;display:grid}input,textarea{color:#f8fbff;background:#ffffff13;border:1px solid #ffffff29;border-radius:.9rem;outline:none;width:100%;padding:.78rem .9rem;font-size:.94rem}input{min-height:3rem}input::placeholder,textarea::placeholder{color:#f8fbff7a}textarea{resize:vertical;min-height:5.8rem;max-height:7rem}.glass-card button{min-height:3rem}.form-message{color:#77ffe4;margin:.95rem 0 0;font-size:.9rem;line-height:1.45}.hex-transition{z-index:100;pointer-events:none;perspective:1200px;background:0 0;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.transition-screen-mask{background:radial-gradient(circle,#0a1020f5,#03050c),#03050c;position:absolute;inset:0}.hex-cover{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background:radial-gradient(circle at 35% 30%,#77ffe438,#0000 35%),linear-gradient(135deg,#70d7ff7a,#9a7cff85),#11172f;width:13rem;height:13rem;position:absolute;box-shadow:inset 0 0 34px #ffffff14,0 0 90px #70d7ff29}.hex-ring{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background:linear-gradient(135deg,#70d7ff14,#9a7cff1a),#ffffff09;border:1px solid #77ffe47a;width:13.5rem;height:13.5rem;position:absolute;box-shadow:inset 0 0 30px #77ffe414,0 0 90px #70d7ff24}.hex-fold-stage{width:20rem;height:20rem;transform-style:preserve-3d;place-items:center;display:grid;position:absolute}.hex-fold-panel{clip-path:polygon(50% 0%,100% 100%,0% 100%);width:7.2rem;height:6.4rem;transform-style:preserve-3d;background:linear-gradient(135deg,#70d7ff47,#9a7cff29),#ffffff14;border:1px solid #77ffe438;position:absolute;box-shadow:inset 0 1px #ffffff24,0 18px 58px #0003}.transition-logo{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090d1ab8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.85rem;padding:.72rem 1rem .72rem .72rem;display:inline-flex;position:absolute;box-shadow:0 24px 90px #00000057}.transition-logo-mark{width:2.8rem;height:2.8rem}.transition-logo-text{letter-spacing:-.01em;font-size:1.05rem;font-weight:850}@media (prefers-reduced-motion:reduce){.aurora-orb,.background-grid{animation:none}}@media (width<=720px){.top-nav{left:.8rem;right:.8rem}.top-nav nav{gap:.45rem}.top-nav button{min-height:2.55rem;padding:0 .75rem;font-size:.9rem}.icon-only-brand{width:3.1rem;height:3.1rem;padding:0}.hero{padding-top:5.5rem}h1{letter-spacing:-.03em}.eyebrow{letter-spacing:.06em;font-size:.66rem}.glass-card{width:min(100%,27rem);max-height:calc(100svh - 6.4rem)}.demo-card h1{max-width:8.5ch}}@media (height<=760px){.glass-card{width:min(100%,28rem);padding:1rem}.card-logo{width:2.85rem;height:2.85rem;margin-bottom:.75rem}.compact-card h1{font-size:clamp(2.3rem,5vw,3.6rem)}.demo-card h1{font-size:clamp(2.2rem,4.5vw,3.3rem)}.auth-mode-toggle{margin-top:.8rem}form{gap:.62rem;margin-top:.9rem}input{min-height:2.65rem}textarea{min-height:4.4rem;max-height:5.2rem}.glass-card button{min-height:2.7rem}.form-message{margin-top:.7rem;font-size:.84rem}}.account-screen{padding:5.5rem 1.25rem 1.25rem}.account-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0d1223b8;border:1px solid #ffffff24;border-radius:1.65rem;width:min(100%,42rem);max-height:calc(100svh - 7rem);padding:clamp(1.15rem,2vw,1.6rem);box-shadow:0 24px 90px #0000006b}.account-card-header{align-items:center;gap:1rem;margin-bottom:1.3rem;display:flex}.account-card h1{letter-spacing:-.03em;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1}.account-stack{gap:1rem;display:grid}.account-section,.license-panel{background:#ffffff0e;border:1px solid #ffffff21;border-radius:1.2rem}.account-section{gap:.35rem;padding:1rem;display:grid}.license-panel{padding:1rem}.license-panel-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.license-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.account-label{color:#f8fbff8f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.28rem;font-size:.76rem;font-weight:800;display:block}.account-value,.license-status{color:#f8fbff;word-break:break-word;font-size:1rem;line-height:1.35;display:block}.license-status{letter-spacing:-.03em;font-size:1.6rem}.license-key{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86rem}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-height:2rem;padding:0 .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-pill.active{color:#77ffe4;background:#77ffe41a;border:1px solid #77ffe461}.status-pill.inactive{color:#ffd26e;background:#ffd26e14;border:1px solid #ffd26e57}.account-muted{color:#f8fbffb8;line-height:1.55}.account-actions{flex-wrap:wrap;gap:.75rem;display:flex}.account-primary-button,.account-secondary-button{color:#f8fbff;border-radius:999px;min-height:3rem;padding:0 1rem}.account-primary-button{background:linear-gradient(135deg,#70d7ff57,#9a7cff57),#ffffff1a;border:1px solid #ffffff29;flex:1;min-width:12rem}.account-secondary-button{background:#ffffff12;border:1px solid #ffffff24}@media (width<=720px){.account-card{width:min(100%,27rem);max-height:calc(100svh - 6.4rem)}.license-grid{grid-template-columns:1fr}.license-panel-top{flex-direction:column;align-items:flex-start}.account-actions{display:grid}}