:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--secondary:#10b981;--secondary-dark:#059669;--accent:#f59e0b;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--background:#f8fafc;--surface:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-main);line-height:1.5;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:12px;font-family:inherit;font-size:16px}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.container{max-width:1200px;margin:0 auto;padding:0 16px}.mobile-nav{background:var(--surface);border-top:1px solid var(--border);z-index:1000;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:16px}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.btn-primary{background-color:var(--primary);color:#fff;border:none;font-weight:700;transition:all .2s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary:active{background:var(--primary-dark);transform:scale(.98)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.badge{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-danger{color:#991b1b;background:#fee2e2}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@keyframes blink{0%{border-color:var(--danger);box-shadow:0 0 0px var(--danger)}50%{box-shadow:0 0 15px var(--danger);border-color:#0000}to{border-color:var(--danger);box-shadow:0 0 0px var(--danger)}}.blinking-ready{animation:1s infinite blink;border:3px solid var(--danger)!important}@media (width>=768px){.mobile-nav{display:none}.sidebar{display:flex}}.responsive-grid-2-1{grid-template-columns:2fr 1fr;gap:32px;display:grid}.responsive-grid-1-1{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=992px){.responsive-grid-2-1{grid-template-columns:1fr;gap:24px}}@media (width<=768px){.responsive-grid-1-1{grid-template-columns:1fr;gap:16px}}.responsive-sidebar-layout{display:flex}.responsive-sidebar{width:350px}.responsive-sidebar-content{flex:1;min-width:0}.responsive-grid-320-1{grid-template-columns:320px 1fr;height:calc(100vh - 170px);display:grid}.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=992px){.responsive-sidebar-layout{flex-direction:column}.responsive-sidebar{border-bottom:1px solid var(--border);width:100%;border-right:none!important;height:auto!important;position:static!important}.responsive-grid-320-1{grid-template-columns:1fr;gap:20px;height:auto}.responsive-grid-3{grid-template-columns:1fr}}.landing-navbar{align-items:center;gap:32px;display:flex}.landing-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.landing-title{font-size:64px;line-height:1.05}@media (width<=992px){.landing-navbar{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:10px}.landing-nav{flex-direction:column!important;padding-bottom:12px!important}.landing-hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.landing-title{font-size:40px!important}.landing-hero-buttons{justify-content:center}.landing-premium-card{transform:scale(1)!important}}