:root{--glass-bg:#ffffff14;--glass-border:#fff3;--glass-blur:blur(20px);--glass-shadow:0 8px 32px 0 #0003;--primary-white:#fff;--accent-blue:#3b82f6;--text-main:#fff;--text-muted:#ffffffb3;--radius-circle:9999px;--radius-lg:24px;--radius-md:16px;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden!important}body{color:var(--text-main);background:radial-gradient(circle at 0 0,#1e293b,#0f172a);min-height:100vh}#root{width:100%;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);max-width:100%}.circular-btn{border-radius:var(--radius-circle);cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;align-items:center;gap:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.circular-btn:hover{background:#ffffff26;transform:translateY(-2px)}.circular-btn.primary{color:#0f172a;background:#fff;border:none}.circular-btn.primary:hover{background:#ffffffe6}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.brand-title-text{white-space:nowrap;font-size:clamp(12px,3.5vw,18px);font-weight:700}.category-pills-container{justify-content:center;gap:10px;max-width:100%;margin-top:32px;padding:4px 12px;display:flex;overflow-x:auto}.user-profile-tabs{justify-content:flex-start;gap:10px;max-width:100%;margin-bottom:24px;padding:4px 12px;display:flex;overflow-x:auto}.plans-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:9999;-webkit-overflow-scrolling:touch;background:#000000eb;justify-content:center;align-items:flex-start;padding:24px 16px 80px;display:flex;position:fixed;inset:0;overflow-y:auto}.plans-modal-content{box-sizing:border-box;width:100%;max-width:960px;position:relative;border-radius:24px!important;max-height:none!important;padding:32px!important;overflow-y:visible!important}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding-bottom:20px;display:grid}@media (width<=640px){.plans-modal-overlay{align-items:flex-start!important;padding:0 0 60px!important;display:block!important}.plans-modal-content{width:100%!important;min-height:100vh!important;max-height:none!important;box-shadow:none!important;background:#090d16!important;border:none!important;border-radius:0!important;padding:16px 12px 60px!important;overflow-y:visible!important}.plans-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (width<=768px){.page-container{width:100%;padding:0 12px}.glass-panel{border-radius:18px;padding:16px!important}.circular-btn{gap:6px;padding:8px 14px;font-size:13px}h1{font-size:24px!important}h2{font-size:20px!important}}@media (width<=640px){.category-pills-container{justify-content:flex-start}.circular-btn{padding:7px 12px;font-size:12px}}@media (width<=520px){.page-container{padding:0 8px}.glass-panel{border-radius:14px;padding:12px!important}.circular-btn{gap:4px;padding:6px 10px;font-size:12px}.brand-title-text,.mobile-hide-text{display:none!important}.nav-actions-container{gap:4px!important}.nav-icon-btn{width:34px!important;height:34px!important;padding:0!important}}.fade-in{animation:.8s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}