:root{--bg: #F8FAFC;--card: #FFFFFF;--card-subtle: #F1F5F9;--text: #09090B;--muted: #64748B;--primary: #7C3AED;--primary-dark: #6D28D9;--accent-volt: #CCFF00;--accent-cyber: #7C3AED;--accent-cyan: #06B6D4;--fitness-green: #10B981;--fitness-red: #EF4444;--fitness-orange: #F59E0B;--fitness-cyan: #06B6D4;--border: rgba(15, 23, 42, .08);--input-bg: #FFFFFF;--input-border: rgba(15, 23, 42, .14);--error-bg: rgba(239, 68, 68, .1);--error-text: #DC2626;--success-bg: rgba(16, 185, 129, .12);--success-text: #059669;--info-bg: rgba(124, 58, 237, .08);--info-text: #7C3AED;--nav-bg: rgba(255, 255, 255, .88);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04), 0 0 1px rgba(15, 23, 42, .08);--shadow-md: 0 10px 30px rgba(15, 23, 42, .06), 0 0 20px rgba(204, 255, 0, .12);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .09), 0 0 35px rgba(124, 58, 237, .14);--shadow-glow-emerald: 0 0 25px rgba(204, 255, 0, .35);--shadow-glow-ember: 0 0 25px rgba(124, 58, 237, .3)}[data-theme=dark]{--bg: #06080D;--card: #0F131C;--card-subtle: #141A26;--text: #FFFFFF;--muted: #94A3B8;--primary: #00E676;--primary-dark: #00B359;--accent-ember: #FF5E3A;--fitness-green: #00E676;--fitness-red: #FF5E3A;--fitness-orange: #FF9F0A;--fitness-cyan: #00F5D4;--border: rgba(255, 255, 255, .08);--input-bg: #0B0E17;--input-border: rgba(255, 255, 255, .12);--error-bg: rgba(255, 94, 58, .15);--error-text: #FF5E3A;--success-bg: rgba(0, 230, 118, .15);--success-text: #00E676;--info-bg: rgba(0, 230, 118, .1);--info-text: #00E676;--nav-bg: rgba(15, 19, 28, .88);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .5);--shadow-md: 0 10px 30px rgba(0, 0, 0, .7);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .85);--shadow-glow-emerald: 0 0 25px rgba(0, 230, 118, .25);--shadow-glow-ember: 0 0 25px rgba(255, 94, 58, .25)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Noto Sans Arabic,Helvetica Neue,Arial,sans-serif;line-height:1.6;letter-spacing:-.01em;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--nav-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border);transition:all .25s ease}.brand{font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.brand:hover{opacity:.9}.container{width:100%;max-width:620px;margin:0 auto;padding:24px 18px 100px;flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease;margin-bottom:20px}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#7c3aed38}[data-theme=dark] .card:hover{border-color:#00e67640}h1{margin:0 0 10px;font-size:1.65rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}h2{margin:0 0 12px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.muted{color:var(--muted);font-size:.95rem;margin-top:0;line-height:1.5}.small{margin-top:18px;font-size:.88rem;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:16px;margin-top:18px}label{display:flex;flex-direction:column;gap:8px;font-size:.92rem;font-weight:600;color:var(--text)}input,select,textarea{font:inherit;font-size:16px;padding:13px 16px;border:1px solid var(--input-border);border-radius:14px;background-color:var(--input-bg);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #7c3aed1f,0 0 12px #cf03}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{box-shadow:0 0 0 4px #00e67626,0 0 12px #00e67633}input.ltr{direction:ltr;text-align:right}.ltr-inline{direction:ltr;unicode-bidi:embed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:.96rem;text-align:center;text-decoration:none;padding:13px 24px;border:0;border-radius:9999px;background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 16px #7c3aed47,0 0 12px #ccff0026;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}[data-theme=dark] .btn{color:#06080d;box-shadow:0 4px 16px #00e67659}.btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed61,0 0 18px #ccff0040}[data-theme=dark] .btn:hover{box-shadow:0 8px 24px #00e67673}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-secondary{background:var(--card-subtle);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-secondary:hover{background:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--fitness-red);color:#fff;box-shadow:0 4px 14px #ff453a40}.btn-danger:hover{background:#d70015}.link-btn{font:inherit;background:none;border:0;color:var(--primary);font-weight:600;cursor:pointer;padding:6px 10px;border-radius:10px;transition:background-color .15s ease,opacity .15s ease}.link-btn:hover{background:var(--info-bg)}a{color:var(--primary);text-decoration:none;font-weight:600;transition:opacity .15s ease}a:hover{opacity:.85}.alert{margin:12px 0;padding:14px 18px;border-radius:16px;font-size:.92rem;font-weight:500;line-height:1.5;display:flex;align-items:center;gap:10px;border:1px solid transparent}.alert-error{background-color:var(--error-bg);color:var(--error-text);border-color:#ff453a33}.alert-success{background-color:var(--success-bg);color:var(--success-text);border-color:#30d15840}.alert-info{background-color:var(--info-bg);color:var(--info-text);border-color:#7c3aed33}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:4px;background:var(--card-subtle);border-radius:9999px;width:fit-content}.tab{font:inherit;font-size:.88rem;font-weight:600;padding:8px 18px;border:0;border-radius:9999px;background:transparent;color:var(--muted);cursor:pointer;transition:all .2s ease}.tab:hover{color:var(--text)}.tab-active{background:var(--card);color:var(--text);box-shadow:0 2px 8px #00000014;font-weight:700}.acct-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.acct{border:1px solid var(--border);border-radius:18px;padding:16px 18px;background:var(--card);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.acct:hover{box-shadow:var(--shadow-md)}.acct-name{font-weight:700;font-size:1.05rem}.acct-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.bottom-nav{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:500px;background:var(--nav-bg);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid var(--border);border-radius:28px;display:flex;justify-content:space-around;align-items:center;padding:6px 8px max(6px,env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);z-index:1000;transition:transform .2s ease}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--muted);font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:20px;transition:all .2s cubic-bezier(.16,1,.3,1);min-width:58px}.bottom-nav-item:hover{color:var(--text)}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--primary);background:var(--info-bg);font-weight:700;box-shadow:0 0 14px #ccff0040}[data-theme=dark] .bottom-nav-item.active{box-shadow:0 0 14px #00e67640}.bottom-nav-icon{font-size:1.25rem;margin-bottom:2px;line-height:1}@media (min-width: 768px){.container{max-width:720px;padding-top:36px}.card{padding:32px}}@keyframes ambientDriftSmooth{0%,to{transform:translate(0) scale(1);opacity:.35}33%{transform:translate(24px,-30px) scale(1.12);opacity:.55}66%{transform:translate(-28px,18px) scale(.96);opacity:.4}}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.15) rotate(4deg);opacity:1;filter:drop-shadow(0 0 10px rgba(255,94,58,.8))}}@keyframes pulseGlowRing{0%{transform:scale(.98);box-shadow:0 0 #ffffff59}70%{transform:scale(1);box-shadow:0 0 0 14px #fff0}to{transform:scale(.98);box-shadow:0 0 #fff0}}@keyframes rotateConicGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes silverPulseBreath{0%{opacity:.35;transform:scale(.96)}to{opacity:.85;transform:scale(1.05)}}@keyframes cardFloatIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ambient-mesh-emerald{animation:ambientDriftSmooth 12s infinite ease-in-out}.ambient-mesh-ember{animation:ambientDriftSmooth 15s infinite ease-in-out reverse}.flame-anim{display:inline-block;animation:flameFlicker 2s infinite ease-in-out}.pulse-ring-glow{animation:pulseGlowRing 2.6s infinite cubic-bezier(.4,0,.6,1)}.animate-card-in{animation:cardFloatIn .5s cubic-bezier(.16,1,.3,1) forwards}.spring-touch{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.spring-touch:hover{transform:translateY(-2px)}.spring-touch:active{transform:scale(.96)}.logo-header-badge{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#fff,#64748b 40%,#1e293b);padding:1.5px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #000000b3,0 0 10px #ffffff1f;flex-shrink:0;position:relative;overflow:hidden}.logo-header-badge img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#06080d}.logo-hero-badge{width:104px;height:104px;border-radius:50%;padding:3px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;box-shadow:0 16px 40px #000c,0 0 25px #ffffff14}.logo-hero-badge:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.06) 60deg,rgba(255,255,255,.9) 140deg,transparent 200deg,rgba(255,255,255,.35) 290deg,transparent 360deg);animation:rotateConicGlow 4s linear infinite;z-index:0}.logo-hero-badge:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,rgba(148,163,184,.06) 45%,transparent 70%);animation:silverPulseBreath 2.6s ease-in-out infinite alternate;z-index:-1}.logo-hero-badge img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#06080d;border:2px solid rgba(30,41,59,.8);box-shadow:inset 0 0 12px #000000d9}@keyframes energyShimmer{0%{transform:translate(130%)}to{transform:translate(-130%)}}@keyframes livePulseDot{0%,to{transform:scale(.96);opacity:.8}50%{transform:scale(1.12);opacity:1}}.energy-shimmer-bar{position:relative;overflow:hidden}.energy-shimmer-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(204,255,0,.4),transparent);animation:energyShimmer 2.4s infinite ease-in-out}[data-theme=dark] .energy-shimmer-bar:after{background:linear-gradient(90deg,transparent,rgba(0,230,118,.4),transparent)}.live-pulse-dot{animation:livePulseDot 2s ease-in-out infinite}