.navbar[data-v-909c5d06]{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .35s var(--ease-out)}.navbar.scrolled[data-v-909c5d06]{padding:10px 0;background:#0b0f19d9;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid rgba(78,234,170,.06)}.navbar__inner[data-v-909c5d06]{display:flex;align-items:center;justify-content:space-between}.navbar__brand[data-v-909c5d06]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.navbar__logo img[data-v-909c5d06]{display:block;width:32px;height:32px;border-radius:8px;object-fit:contain}.navbar__name[data-v-909c5d06]{font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:.02em}.navbar__links[data-v-909c5d06]{display:flex;align-items:center;gap:32px}.navbar__link[data-v-909c5d06]{font-size:.92rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease;text-decoration:none}.navbar__link[data-v-909c5d06]:hover{color:var(--brand-primary)}.navbar__login-btn[data-v-909c5d06]{background:transparent;border:1px solid var(--brand-primary);color:var(--brand-primary);cursor:pointer;font-family:inherit;padding:6px 18px;border-radius:var(--radius-full, 999px);font-weight:600;transition:all .2s ease}.navbar__login-btn[data-v-909c5d06]:hover{background:var(--brand-primary);color:var(--bg-primary)}.navbar__user[data-v-909c5d06]{position:relative;padding-bottom:8px}.navbar__user-trigger[data-v-909c5d06]{display:flex;align-items:center;gap:8px;background:none;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-full, 999px);padding:4px 14px 4px 4px;cursor:pointer;font-family:inherit;transition:all .2s ease}.navbar__user-trigger[data-v-909c5d06]:hover{border-color:var(--brand-primary);background:#4eeaaa0f}.navbar__user-avatar[data-v-909c5d06]{width:28px;height:28px;border-radius:50%;background:#4eeaaa26;color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.navbar__user-name[data-v-909c5d06]{font-size:.88rem;font-weight:500;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__user-arrow[data-v-909c5d06]{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.navbar__dropdown[data-v-909c5d06]{position:absolute;top:100%;right:0;min-width:180px;background:#0f1423f5;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-radius:12px;padding:6px;z-index:200;animation:dropdownFade-909c5d06 .15s ease}@keyframes dropdownFade-909c5d06{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar__dropdown-item[data-v-909c5d06]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;border-radius:8px;color:var(--text-secondary);font-size:.88rem;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .15s ease;text-align:left}.navbar__dropdown-item[data-v-909c5d06]:hover{background:#4eeaaa14;color:var(--text-primary)}.navbar__dropdown-item[data-v-909c5d06]:last-child:hover{background:#f8717114;color:#f87171}.navbar__cta[data-v-909c5d06]{text-decoration:none}.navbar__burger[data-v-909c5d06]{display:none;flex-direction:column;gap:5px;padding:4px;background:none;border:none;cursor:pointer}.navbar__burger span[data-v-909c5d06]{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s var(--ease-out)}.navbar__burger.active span[data-v-909c5d06]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__burger.active span[data-v-909c5d06]:nth-child(2){opacity:0}.navbar__burger.active span[data-v-909c5d06]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.modal-overlay[data-v-909c5d06]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;animation:fadeIn-909c5d06 .2s ease}@keyframes fadeIn-909c5d06{0%{opacity:0}to{opacity:1}}.modal-card[data-v-909c5d06]{position:relative;width:100%;max-width:420px;padding:2.5rem 2rem;animation:slideUp-909c5d06 .25s ease}@keyframes slideUp-909c5d06{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close[data-v-909c5d06]{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;line-height:1;padding:4px 8px;border-radius:6px;transition:all .2s}.modal-close[data-v-909c5d06]:hover{background:#ffffff14;color:var(--text-primary)}.modal-header[data-v-909c5d06]{text-align:center;margin-bottom:1.75rem}.brand-icon[data-v-909c5d06]{display:inline-flex;margin-bottom:.5rem}.modal-header h2[data-v-909c5d06]{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.modal-subtitle[data-v-909c5d06]{color:var(--text-secondary);font-size:.9rem;margin:0}.modal-form[data-v-909c5d06]{display:flex;flex-direction:column;gap:1.25rem}.form-group[data-v-909c5d06]{display:flex;flex-direction:column;gap:.4rem}.form-group label[data-v-909c5d06]{font-size:.85rem;color:var(--text-secondary);font-weight:500}.form-group input[data-v-909c5d06]{background:#ffffff0f;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:.7rem 1rem;font-size:.95rem;color:var(--text-primary);font-family:var(--font-body);transition:border-color .2s,box-shadow .2s,background .2s;outline:none}.form-group input[data-v-909c5d06]:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #4eeaaa26;background:#ffffff14}.form-group input[data-v-909c5d06]::placeholder{color:var(--text-tertiary, #64748B)}.username-status[data-v-909c5d06]{font-size:.78rem;margin-top:2px}.username-status.available[data-v-909c5d06]{color:var(--brand)}.username-status.taken[data-v-909c5d06]{color:#f87171}.error-msg[data-v-909c5d06]{color:#f87171;font-size:.85rem;margin:0;padding:.5rem .75rem;background:#f8717114;border-radius:8px}.modal-submit[data-v-909c5d06]{width:100%;padding:.75rem;font-size:1rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner[data-v-909c5d06]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-909c5d06 .6s linear infinite}@keyframes spin-909c5d06{to{transform:rotate(360deg)}}.modal-footer[data-v-909c5d06]{text-align:center;margin-top:1.25rem;font-size:.85rem;color:var(--text-secondary)}.modal-footer a[data-v-909c5d06]{color:var(--brand);text-decoration:none}.modal-footer a[data-v-909c5d06]:hover{text-decoration:underline}@media (max-width: 768px){.navbar__burger[data-v-909c5d06]{display:flex}.navbar__links[data-v-909c5d06]{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-primary);flex-direction:column;align-items:flex-start;padding:80px 32px 32px;gap:24px;transition:right .4s var(--ease-out);box-shadow:-8px 0 32px #0000004d;border-left:1px solid var(--glass-border)}.navbar__links.open[data-v-909c5d06]{right:0}.navbar__link[data-v-909c5d06]{font-size:1.1rem}.navbar__cta[data-v-909c5d06]{margin-top:16px}}#app-root{min-height:100vh}:root{--bg-primary: #0B0F19;--bg-warm-1: #0F1524;--bg-warm-2: #111A2B;--bg-warm-3: #0D1320;--bg-warm-4: #0E1428;--bg-card: #151C2E;--bg-card-hover: #1A2338;--text-primary: #E8EDF5;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-inverse: #0B0F19;--brand-primary: #4EEAAA;--brand-primary-hover: #3DD99A;--brand-primary-light: rgba(78, 234, 170, .12);--brand-primary-lighter: rgba(78, 234, 170, .06);--brand-glow: rgba(78, 234, 170, .35);--brand-glow-soft: rgba(78, 234, 170, .15);--accent-purple: #A78BFA;--accent-blue: #60A5FA;--accent-pink: #F472B6;--note-yellow: #FFE566;--note-pink: #FF9E9E;--note-blue: #7EB8FF;--note-green: #6EE7B7;--note-purple: #C4B5FD;--note-orange: #FDBA74;--note-gray: #94A3B8;--note-white: #E2E8F0;--glass-bg: rgba(21, 28, 46, .6);--glass-border: rgba(78, 234, 170, .1);--glass-highlight: rgba(255, 255, 255, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-note: 0 2px 8px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .2);--glow-brand: 0 0 20px rgba(78, 234, 170, .25), 0 0 40px rgba(78, 234, 170, .1);--glow-brand-hover: 0 0 30px rgba(78, 234, 170, .4), 0 0 60px rgba(78, 234, 170, .15);--section-padding: 80px;--container-max: 1200px;--container-narrow: 800px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-display: "Fraunces", "Noto Serif SC", "Source Han Serif SC", serif;--font-body: "Nunito", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.7;font-size:16px;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--brand-primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 32px}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--section-padding) 0}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:500;line-height:1.3;text-align:center;margin-bottom:16px;letter-spacing:-.01em;color:var(--text-primary)}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);text-align:center;max-width:560px;margin:0 auto 64px;line-height:1.7}.gradient-text{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--accent-blue) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:var(--radius-full);font-size:1rem;font-weight:600;transition:all .3s var(--ease-out);white-space:nowrap}.btn--primary{background:linear-gradient(135deg,var(--brand-primary),#3DD9A0);color:var(--text-inverse);box-shadow:var(--glow-brand)}.btn--primary:hover{background:linear-gradient(135deg,var(--brand-primary-hover),#30C890);box-shadow:var(--glow-brand-hover);transform:translateY(-2px);color:var(--text-inverse)}.btn--secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--glow-brand)}.btn--small{padding:10px 24px;font-size:.9rem}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--glass-highlight) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.fade-up{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}html.js .fade-up{opacity:0;transform:translateY(30px)}html.js .fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-delay-1{transition-delay:.1s}.fade-up-delay-2{transition-delay:.2s}.fade-up-delay-3{transition-delay:.3s}::selection{background:var(--brand-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#4eeaaa26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4eeaaa4d}