:root{--bg-primary: #08090d;--bg-secondary: #11141d;--bg-card: rgba(20, 24, 35, .65);--border-glow: rgba(118, 224, 0, .15);--border-light: rgba(255, 255, 255, .06);--primary: #76e000;--primary-glow: rgba(118, 224, 0, .4);--secondary: #00a8cd;--secondary-glow: rgba(0, 168, 205, .4);--accent: #00a8cd;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #76e000;--error: #ef4444;--warning: #f59e0b;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-neon: 0 0 25px rgba(118, 224, 0, .15);--shadow-cyan: 0 0 25px rgba(0, 168, 205, .15);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(circle at 10% 20%,rgba(118,224,0,.04) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(0,168,205,.04) 0%,transparent 45%);background-size:44px 44px,44px 44px,100% 100%,100% 100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000005e;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.glass-panel:hover{border-color:#6366f140;box-shadow:var(--shadow-neon)}.glass-panel.interactive:hover{transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary) 70%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-accent-text{background:linear-gradient(135deg,#a855f7 0%,var(--primary) 50%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180,0 0 15px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--secondary) 0%,#0891b2 100%);color:#fff;box-shadow:0 4px 15px #06b6d44d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480,0 0 15px var(--secondary-glow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.input-label{font-family:var(--font-display);font-weight:500;font-size:.9rem;color:var(--text-secondary)}.input-field{background:rgba(10,12,18,.6);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px 16px;font-family:var(--font-body);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;outline:none}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126,0 0 10px #6366f11a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f11a}50%{box-shadow:0 0 30px #6366f14d,0 0 10px #06b6d433}}.glow-active{animation:pulse-glow 3s infinite ease-in-out}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:40px 24px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:50px;font-size:.75rem;font-weight:600;font-family:var(--font-display)}.badge-primary{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.badge-success{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.token-circle-container{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.token-circle-svg{transform:rotate(-90deg);width:100%;height:100%}.token-circle-bg{fill:none;stroke:#ffffff0d;stroke-width:8}.token-circle-fill{fill:none;stroke:url(#token-grad);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.token-circle-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.token-circle-num{font-size:2rem;font-weight:800;font-family:var(--font-display);color:var(--text-primary);line-height:1}.token-circle-lbl{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.comparison-container{display:grid;grid-template-columns:1.1fr 1.3fr;gap:30px;width:100%;max-width:960px;margin:0 auto}@media (max-width: 900px){.comparison-container{grid-template-columns:1fr;max-width:450px;gap:20px}}.comparison-showcase{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:36px 30px;border-radius:var(--radius-md);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:0 8px 32px #0000005e;transition:border-color .3s ease,box-shadow .3s ease}.comparison-showcase:hover{border-color:#00a8cd40;box-shadow:var(--shadow-cyan)}.comparison-title{font-size:1.35rem;font-weight:700;text-align:center;color:var(--text-primary);margin-bottom:2px}.comparison-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}.comparison-card{display:flex;flex-direction:column;gap:10px;background:rgba(0,0,0,.25);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px;align-items:center}.comparison-img{width:100%;height:250px;object-fit:contain;border-radius:var(--radius-sm);background:#0d0f14;border:1px solid rgba(255,255,255,.03)}.comparison-label{font-family:var(--font-display);font-size:.8rem;font-weight:700}.profile-avatar-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-avatar-btn:hover{transform:scale(1.05);border-color:var(--primary)!important}.profile-logout-btn{transition:all .25s ease}.profile-logout-btn:hover{background:rgba(239,68,68,.16)!important;border-color:#ef444466!important;color:#fcc!important}