@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";.navbar[data-v-c1b410e5]{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1120d1;border-bottom:1px solid #00e5ff1a;position:fixed;top:0;left:0;right:0}.navbar-inner[data-v-c1b410e5]{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.logo[data-v-c1b410e5]{align-items:center;gap:.5rem;display:flex}.logo-icon[data-v-c1b410e5]{font-size:1.6rem;animation:2s infinite bounce-c1b410e5}@keyframes bounce-c1b410e5{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-text[data-v-c1b410e5]{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:700}.logo-badge[data-v-c1b410e5]{background:var(--color-cyan);color:#0b1120;letter-spacing:.08em;border-radius:4px;padding:.15rem .4rem;font-size:.6rem;font-weight:800}.nav-links[data-v-c1b410e5]{gap:.35rem;display:flex}.nav-link[data-v-c1b410e5]{border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.93rem;font-weight:600;transition:all .2s;display:flex}.nav-link[data-v-c1b410e5]:hover{color:var(--color-cyan);background:#00e5ff0f}.nav-link.active[data-v-c1b410e5]{color:var(--color-cyan);background:#00e5ff1a;box-shadow:inset 0 0 0 1px #00e5ff33}.nav-icon[data-v-c1b410e5]{font-size:1rem}.mobile-toggle[data-v-c1b410e5]{background:0 0;width:36px;height:36px;display:none;position:relative}.hamburger[data-v-c1b410e5],.hamburger[data-v-c1b410e5]:before,.hamburger[data-v-c1b410e5]:after{background:var(--color-text);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block;position:absolute;left:7px}.hamburger[data-v-c1b410e5]{top:17px}.hamburger[data-v-c1b410e5]:before{content:"";top:-7px}.hamburger[data-v-c1b410e5]:after{content:"";top:7px}.hamburger.open[data-v-c1b410e5]{background:0 0}.hamburger.open[data-v-c1b410e5]:before{top:0;transform:rotate(45deg)}.hamburger.open[data-v-c1b410e5]:after{top:0;transform:rotate(-45deg)}.mobile-menu[data-v-c1b410e5]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1120f2;flex-direction:column;padding:0 1.5rem 1.5rem;display:none}.mobile-menu.open[data-v-c1b410e5]{display:flex}.mobile-link[data-v-c1b410e5]{border-radius:var(--radius-md);color:var(--color-text-secondary);padding:.85rem 1rem;font-weight:600;transition:all .2s}.mobile-link[data-v-c1b410e5]:hover,.mobile-link.active[data-v-c1b410e5]{color:var(--color-cyan);background:#00e5ff14}.user-menu[data-v-c1b410e5]{align-items:center;gap:.3rem;display:flex}.user-avatar[data-v-c1b410e5]{background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.logout-btn[data-v-c1b410e5]{padding:.35rem .7rem;font-size:.82rem}@media (width<=640px){.nav-links[data-v-c1b410e5],.user-menu[data-v-c1b410e5]{display:none}.mobile-toggle[data-v-c1b410e5]{display:block}.mobile-menu[data-v-c1b410e5]{display:none}.mobile-menu.open[data-v-c1b410e5]{display:flex}}.particle-canvas[data-v-0b69970e]{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.app-shell[data-v-6d9348aa]{flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content[data-v-6d9348aa]{z-index:1;flex:1;padding-top:4.5rem;position:relative}:root{--color-bg:#0b1120;--color-bg-secondary:#111827;--color-surface:#1a2332;--color-surface-hover:#1f2d41;--color-border:#1e3a5f;--color-cyan:#00e5ff;--color-cyan-glow:#00e5ff40;--color-purple:#a855f7;--color-purple-glow:#a855f740;--color-pink:#ff6b9d;--color-pink-glow:#ff6b9d33;--color-success:#0f8;--color-success-glow:#00ff884d;--color-error:#ff4757;--color-error-glow:#ff47574d;--color-warning:#ffb800;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--glow-cyan:0 0 20px #00e5ff26, 0 0 60px #00e5ff0d;--glow-purple:0 0 20px #a855f726, 0 0 60px #a855f70d;--glow-success:0 0 16px #0f83;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--font-display:"Fredoka", "Inter", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#00e5ff08 0%,#0000 50%),radial-gradient(at 80% 20%,#a855f70a 0%,#0000 50%),radial-gradient(at 50% 80%,#ff6b9d08 0%,#0000 50%);position:fixed;inset:0}#app{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{outline:none;font-family:inherit}.container{max-width:1080px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-md);letter-spacing:.02em;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn-primary{background:linear-gradient(135deg, var(--color-cyan), #0098b0);color:#0b1120;box-shadow:var(--glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00e5ff4d,0 0 80px #00e5ff1a}.btn-primary:active{transform:translateY(0)}.btn-outline{border:2px solid var(--color-border);color:var(--color-text);background:0 0}.btn-outline:hover{border-color:var(--color-cyan);color:var(--color-cyan);box-shadow:var(--glow-cyan)}.btn-large{border-radius:var(--radius-lg);padding:1rem 2.25rem;font-size:1.15rem}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg), var(--glow-cyan);border-color:#00e5ff4d;transform:translateY(-3px)}.tag{letter-spacing:.01em;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:600;display:inline-block}.tag-cyan{color:var(--color-cyan);background:#00e5ff1f;border:1px solid #00e5ff33}.tag-purple{color:var(--color-purple);background:#a855f71f;border:1px solid #a855f733}.tag-pink{color:var(--color-pink);background:#ff6b9d1f;border:1px solid #ff6b9d33}.page-header{text-align:center;padding:3rem 0 2rem}.page-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:700}.page-subtitle{color:var(--color-text-secondary);margin-top:.6rem;font-size:1.05rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;padding-bottom:3rem;display:grid}.toast{border-radius:var(--radius-md);z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;animation:.35s cubic-bezier(.34,1.56,.64,1) toast-in;position:fixed;top:5rem;left:50%;transform:translate(-50%)}.toast-success{color:var(--color-success);box-shadow:var(--glow-success);background:#00ff8826;border:1px solid #00ff884d}.toast-error{color:var(--color-error);background:#ff475726;border:1px solid #ff47574d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.text-neon-cyan{color:var(--color-cyan);text-shadow:0 0 10px var(--color-cyan-glow)}.text-neon-purple{color:var(--color-purple);text-shadow:0 0 10px var(--color-purple-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}@media (width<=640px){.page-title{font-size:1.8rem}.card-grid{grid-template-columns:1fr}.btn-large{padding:.85rem 1.75rem;font-size:1rem}}