@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary:#5596e0;--primary-light:#e9f2fc;--primary-dark:#336fa7;--accent:#f368e0;--background:#f4f8fc;--surface:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--border-active:#cbd5e1;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--lock:#94a3b8;--overlay:#0f172a66;--light-gray:#ddd;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--glass-shadow:#5596e00a;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--padding-sm:8px;--padding-md:20px;--padding-lg:32px}*{box-sizing:border-box;font-family:var(--font-main);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--background);color:var(--text);width:100%;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;width:100%;display:grid}@media (width>=1200px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.two-col-grid{grid-template-columns:1fr;gap:24px;width:100%;display:grid}@media (width>=900px){.two-col-grid{grid-template-columns:1fr 1fr}}.three-col-grid{grid-template-columns:1fr;gap:20px;width:100%;display:grid}@media (width>=768px){.three-col-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.three-col-grid{grid-template-columns:repeat(3,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}.animate-fade{animation:fadeIn var(--transition-normal) forwards}.animate-slide{animation:slideUp var(--transition-normal) forwards}.animate-heartbeat{animation:1.8s ease-in-out infinite heartBeat}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#5596e005}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full);border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}button,input,select,textarea{border:none;outline:none}button{cursor:pointer;transition:all var(--transition-fast);background:0 0}button:active{transform:scale(.98)}.container{padding:var(--padding-lg);flex-direction:column;flex:1;width:100%;max-width:1280px;margin:0 auto;display:flex}@media (width<=768px){.container{padding:var(--padding-md)}}.main-wrapper{flex:1;width:100%;min-height:100vh;display:flex}@media (width<=768px){.main-wrapper{flex-direction:column}}