@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color: #040906;--panel-bg: rgba(10, 25, 15, .6);--border-color: rgba(26, 219, 126, .3);--text-primary: #ffffff;--text-secondary: #9eb0a5;--accent: #1adb7e;--accent-hover: #22f08f;--danger: #ff453a;--success: #1adb7e;--border-radius: 16px;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at top right,rgba(26,219,126,.15) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(26,219,126,.1) 0%,transparent 50%);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3{font-weight:600;letter-spacing:-.02em}@keyframes borderRotate{0%{border-color:#1adb7e26;box-shadow:0 4px 20px #0006,inset 0 0 #1adb7e00}50%{border-color:#1adb7ee6;box-shadow:0 4px 30px #1adb7e66,inset 0 0 15px #1adb7e33}to{border-color:#1adb7e26;box-shadow:0 4px 20px #0006,inset 0 0 #1adb7e00}}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--border-radius);animation:borderRotate 3s infinite alternate ease-in-out}.btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);padding:12px 20px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;outline:none;box-shadow:0 4px 15px #0000001a}.btn:hover{background:#1adb7e1a;border-color:#1adb7e80;box-shadow:0 4px 20px #1adb7e33}.btn:active{transform:scale(.94);box-shadow:0 2px 8px #0003}@keyframes buttonPulse{0%{box-shadow:0 0 10px #1adb7e66,0 0 20px #1adb7e33}50%{box-shadow:0 0 20px #1adb7ecc,0 0 40px #1adb7e80}to{box-shadow:0 0 10px #1adb7e66,0 0 20px #1adb7e33}}.btn-primary{background:linear-gradient(135deg,#00b05b 0%,var(--accent) 100%);border-color:transparent;color:#040906;font-weight:600;animation:buttonPulse 2s infinite alternate ease-in-out}.btn-primary:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);transform:translateY(-2px);border-color:transparent}.input{background:#0006;border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:12px;font-size:15px;width:100%;transition:var(--transition);outline:none;box-shadow:inset 0 2px 4px #0000004d}.input:focus{border-color:var(--accent);background:#1adb7e0d;box-shadow:0 0 0 3px #1adb7e33,inset 0 2px 4px #0000004d}.input::placeholder{color:var(--text-secondary)}.app-container{max-width:600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.content-area{flex:1;padding:20px 20px 90px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:#040906d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));z-index:100;box-shadow:0 -4px 30px #0000004d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px;font-weight:500;text-decoration:none;transition:var(--transition)}.nav-item.active{color:var(--accent);filter:drop-shadow(0 0 8px rgba(26,219,126,.6))}.nav-item svg{width:24px;height:24px;transition:transform .2s ease}.nav-item:active svg{transform:scale(.85)}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}.profile-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-top:16px;box-shadow:0 8px 32px #0006}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-avatar{background:linear-gradient(135deg,#1adb7e33,#0000);border:1px solid var(--accent);border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #1adb7e26;color:var(--accent)}.profile-header h3{margin:0 0 6px;font-size:20px;color:var(--text-primary)}.status-badge.success{display:inline-flex;align-items:center;gap:6px;background:#1adb7e26;color:var(--accent);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid rgba(26,219,126,.3)}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.stat-box{background:#0000004d;border:1px solid var(--border-color);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.stat-box:hover{border-color:#1adb7e80;background:#1adb7e0d;box-shadow:0 4px 20px #1adb7e1a}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);margin:8px 0 4px}.stat-label{font-size:12px;color:var(--text-secondary)}.profile-details{border-top:1px solid var(--border-color);padding-top:20px;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-label{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:8px}.detail-value{color:var(--text-primary);font-weight:600;font-family:inherit}.premium-card{margin-top:24px;background:linear-gradient(145deg,#1adb7e0d,#00000080);border:1px solid rgba(26,219,126,.2);border-radius:16px;padding:20px;position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(26,219,126,.1),transparent);transform:skew(-25deg);animation:shine 6s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.premium-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.premium-icon-box{width:48px;height:48px;background:#040906cc;border:1px solid var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #1adb7e33}.premium-title h4{margin:0 0 4px;font-size:18px;color:#fff;letter-spacing:1px}.premium-title p{margin:0;font-size:13px;color:var(--text-secondary)}.premium-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.premium-features li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary)}.premium-features li.disabled-feature{color:var(--text-secondary);opacity:.6}.btn-upgrade{background:linear-gradient(90deg,#1adb7e,#0d9652);color:#000;border:none;border-radius:12px;padding:14px 24px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #1adb7e4d;letter-spacing:.5px;text-transform:uppercase}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 25px #1adb7e66}.btn-upgrade:active{transform:translateY(0)}