:root{--bg-base: #08080F;--bg-1: #0D0D18;--bg-2: #12121F;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-md: rgba(255, 255, 255, .07);--bg-glass-lg: rgba(255, 255, 255, .1);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .18);--accent: #7C5CFC;--accent-hover: #9D82FF;--accent-glow: rgba(124, 92, 252, .25);--gateway-accent: #06b6d4;--gateway-accent-hover: #22d3ee;--gateway-accent-glow: rgba(6, 182, 212, .28);--gateway-accent-muted: rgba(6, 182, 212, .12);--toolbox-accent: #FF6D3A;--toolbox-glow: rgba(255, 109, 58, .22);--tryon-accent: #06B6D4;--tryon-glow: rgba(6, 182, 212, .22);--kol-accent: #A855F7;--kol-glow: rgba(168, 85, 247, .22);--text-1: #EDE8E0;--text-2: #9A9484;--text-3: #5E5A52;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--r-sm: 8px;--r: 12px;--r-lg: 20px;--r-xl: 28px;--font: "Inter", "Be Vietnam Pro", system-ui, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 40px;--fs-4xl: 56px;--t: .18s ease;--t-slow: .38s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-base);color:var(--text-1);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.glass{background:var(--bg-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glass-md{background:var(--bg-glass-md);border:1px solid var(--border-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.page--scroll{justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:var(--sp-8) var(--sp-6) var(--sp-16)}.landing-topnav{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-6);margin-bottom:var(--sp-4);border-bottom:1px solid var(--border-glass)}.landing-topnav__brand{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-base);font-weight:700;letter-spacing:-.02em;color:var(--text-1);background:none;border:none;padding:0;cursor:pointer;font-family:var(--font)}.landing-topnav__mark{width:36px;height:36px;border-radius:var(--r-sm);background:linear-gradient(145deg,#06b6d433,#7c5cfc26);border:1px solid rgba(6,182,212,.35);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--gateway-accent-hover)}.landing-section-label{text-align:center;font-size:var(--fs-xs);font-weight:700;letter-spacing:.2em;color:var(--text-3);margin-bottom:var(--sp-5);text-transform:uppercase}.landing-footer{width:100%;max-width:1100px;margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--border-glass);text-align:center;color:var(--text-3);font-size:var(--fs-xs);line-height:1.7}.login-topnav{width:100%;max-width:440px;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8)}.login-topnav__title{font-size:var(--fs-base);font-weight:700;color:var(--gateway-accent);letter-spacing:-.02em}.login-footer{width:100%;max-width:440px;margin-top:var(--sp-10);padding-top:var(--sp-6);border-top:1px solid var(--border-glass);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-4) var(--sp-6);font-size:var(--fs-xs);color:var(--text-3);line-height:1.6}.login-input-wrap{position:relative}.login-input-wrap .input-field{padding-left:44px}.login-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;line-height:1;opacity:.55;pointer-events:none}.hub-topnav{width:100%;max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-6);margin-bottom:var(--sp-2);border-bottom:1px solid var(--border-glass)}.hub-topnav__brand{display:inline-flex;align-items:center;gap:var(--sp-3);font-weight:700;font-size:var(--fs-base);color:var(--text-1)}.hub-topnav__nodes{width:32px;height:32px;border-radius:var(--r-sm);background:var(--gateway-accent-muted);border:1px solid rgba(6,182,212,.35);position:relative}.hub-topnav__nodes:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--gateway-accent);opacity:.9;box-shadow:-10px 0 0 -3px #06b6d480,10px 0 0 -3px #06b6d480,0 -10px 0 -3px #06b6d459,0 10px 0 -3px #06b6d459}.hub-topnav--desktop-only{width:100%}.hub-mobile-only,.hub-subtitle-mobile,.hub-footer-mobile{display:none}.hub-logout-text{padding:6px 14px;border-radius:100px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-3);font-size:var(--fs-xs);cursor:pointer;transition:all var(--t);font-family:var(--font)}.hub-logout-text:hover{color:#f87171;border-color:#f8717159}.hub-logout-icon{width:44px;height:44px;border-radius:var(--r);border:1px solid var(--border-glass);background:#ffffff0a;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--t);flex-shrink:0}.hub-logout-icon:hover{color:#f87171;border-color:#f871714d}.selector-card:focus-visible{outline:2px solid var(--gateway-accent);outline-offset:3px}.selector-card-watermark{position:absolute;right:-8%;bottom:-18%;font-size:140px;line-height:1;opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none}.landing-app-card__row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4);width:100%}.landing-app-card__chevron{display:none}@media(max-width:640px){.page--scroll{padding:var(--sp-6) var(--sp-4) var(--sp-12)}.landing-app-card--mobile{border-left:4px solid var(--landing-card-accent, var(--border-glass))}.landing-app-card__row{flex-direction:row;align-items:center}.landing-app-card__chevron{display:flex!important;align-items:center;justify-content:center;width:36px;min-height:44px;color:var(--text-3);font-size:22px;flex-shrink:0}.hub-mobile-header{width:100%;max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-5);margin-bottom:var(--sp-2);border-bottom:1px solid var(--border-glass)}.hub-mobile-avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--gateway-accent);background:var(--bg-glass-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--fs-lg);color:var(--gateway-accent-hover);flex-shrink:0}.login-topnav--desktop{display:none}.login-bar-mobile{display:flex}.hub-topnav--desktop-only{display:none!important}.hub-mobile-only{display:flex}.hub-subtitle-desktop{display:none!important}.hub-subtitle-mobile{display:block!important}.hub-footer-desktop{display:none!important}.hub-footer-mobile{display:block!important}.selector-grid{grid-template-columns:1fr!important}}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.45}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:13px 28px;border-radius:var(--r);font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:all var(--t);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 24px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 32px var(--accent-glow)}.btn-ghost{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--bg-glass-md);border-color:var(--border-glass-hover);color:var(--text-1)}.btn-full{width:100%;justify-content:center}.input-field{width:100%;padding:13px 16px;border-radius:var(--r);background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-1);font-family:var(--font);font-size:var(--fs-base);outline:none;transition:border-color var(--t),background var(--t)}.input-field:focus{border-color:var(--accent);background:#7c5cfc0f}.input-field--gateway:focus{border-color:var(--gateway-accent);background:var(--gateway-accent-muted)}.input-field::placeholder{color:var(--text-3)}.login-bar-mobile{display:none;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--sp-6)}.login-bar-mobile__back{width:44px;height:44px;border-radius:var(--r);background:transparent;border:none;color:var(--gateway-accent);font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;transition:color var(--t),background var(--t)}.login-bar-mobile__back:hover{background:var(--gateway-accent-muted);color:var(--gateway-accent-hover)}.login-bar-mobile__title{font-size:var(--fs-lg);font-weight:800;letter-spacing:.12em;color:var(--gateway-accent)}.login-label-caps{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gateway-accent)}.login-toggle-pw{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);font-size:var(--fs-base);cursor:pointer;border-radius:var(--r-sm);transition:color var(--t),background var(--t)}.login-toggle-pw:hover{color:var(--text-2);background:#ffffff0a}.btn-login-gateway{margin-top:var(--sp-2);padding:14px 24px;min-height:48px;border-radius:var(--r);border:none;width:100%;font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:all var(--t);background:var(--gateway-accent);color:#042f2e;box-shadow:0 4px 24px var(--gateway-accent-glow)}.btn-login-gateway:hover:not(:disabled){background:var(--gateway-accent-hover);transform:translateY(-1px)}.btn-login-gateway:disabled{background:#ffffff0f;color:var(--text-3);box-shadow:none;cursor:not-allowed;transform:none}.link-like-muted{background:none;border:none;padding:0;font:inherit;color:var(--text-2);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;transition:color var(--t)}.link-like-muted:hover{color:var(--text-1)}.error-text{color:#f87171;font-size:var(--fs-sm)}.muted{color:var(--text-2);font-size:var(--fs-sm)}