:root{--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", system-ui, sans-serif;--primary: #6C3CE1;--primary-hover: #5A2EC7;--primary-gradient: linear-gradient(135deg, #6C3CE1 0%, #4A1FB8 100%);--accent-gradient: linear-gradient(135deg, #FF6B35 0%, #FF8E53 100%);--wallet-gradient: linear-gradient(135deg, #6C3CE1 0%, #3B82F6 100%);--success: #10B981;--success-bg: rgba(16, 185, 129, .12);--warning: #F59E0B;--warning-bg: rgba(245, 158, 11, .12);--danger: #EF4444;--danger-bg: rgba(239, 68, 68, .12);--bg-app: #F8FAFC;--bg-surface: #FFFFFF;--bg-subtle: #F1F5F9;--border-color: #E2E8F0;--text-main: #0F172A;--text-muted: #64748B;--text-subtle: #94A3B8;--bottom-nav-height: 64px;--header-height: 60px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 6px 16px rgba(108, 60, 225, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12)}.dark{--bg-app: #090D16;--bg-surface: #151C2C;--bg-subtle: #1E293B;--border-color: #27354A;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-subtle: #64748B}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:480px;background-color:var(--bg-app);min-height:100vh;display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #0000000d}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.app-header{height:var(--header-height);background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:40}.dark .app-header{background:#151c2cd9}.app-content{flex:1;padding:16px;padding-bottom:calc(var(--bottom-nav-height) + 20px);overflow-y:auto}.bottom-nav{height:var(--bottom-nav-height);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;width:100%;max-width:480px;z-index:50}.dark .bottom-nav{background:#151c2ce6}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:.725rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);transition:all .2s ease}.nav-item.active{color:var(--primary);font-weight:700}.nav-item.active svg{transform:translateY(-2px);filter:drop-shadow(0 4px 8px var(--primary-glow))}.wallet-card{background:var(--wallet-gradient);border-radius:var(--radius-lg);padding:22px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 25px #6c3ce14d;margin-bottom:20px}.wallet-card:after{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;border-radius:50%;background:#ffffff1a;pointer-events:none}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.service-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .15s ease}.service-item:active{transform:scale(.95)}.service-icon-box{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm)}.service-label{font-size:.75rem;font-weight:600;text-align:center;color:var(--text-main);line-height:1.2}.app-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-weight:700;font-size:.925rem;border-radius:var(--radius-md);border:none;cursor:pointer;width:100%;transition:all .2s ease}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #6c3ce159}.btn-accent{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #ff6b3559}.btn-secondary{background:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-color)}.btn-sm{padding:8px 14px;font-size:.8125rem;width:auto}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.8125rem;font-weight:700;margin-bottom:6px;color:var(--text-main);text-transform:uppercase;letter-spacing:.03em}.form-input,.form-select{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);outline:none;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c3ce126}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}