.container{width:100%;padding:1rem .75rem;margin:0 auto}@media(min-width:576px){.container{max-width:540px;padding:1.5rem 1rem}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:1140px}}@media(min-width:1200px){.container{max-width:1400px}}.section{padding:2rem 0}@media(min-width:768px){.section{padding:3rem 0}}@media(min-width:992px){.section{padding:4rem 0}}.btn{background-color:var(--color-accent, #00346c);color:var(--color-bg-card, #fff);padding:.875rem 1.5rem;border-radius:.5rem;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.btn:hover{opacity:.9}.btn:active{opacity:.8}.muted-btn{background-color:transparent;color:var(--color-text-muted, #666);padding:.875rem 1.5rem;border-radius:.5rem;border:1.5px solid var(--color-border, #eee);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.muted-btn:hover{border-color:var(--color-text-muted, #666);color:var(--color-text-primary, #333)}.muted-btn:active{opacity:.8}:root{--color-text-primary: #333;--color-text-secondary: #555;--color-text-muted: #666;--color-accent: #00346c;--color-bg-muted: #f4f5f7;--color-bg-page: #f5f5f5;--color-bg-card: #fff;--color-border: #eee;--color-overlay-dark: rgba(0, 0, 0, .65);--color-overlay-light: rgba(255, 255, 255, .9);--color-shadow: rgba(0, 0, 0, .1);--color-text-inactive: #7a7a7a;--color-gradient-promo: linear-gradient(135deg, #1a8cff, #0066dd)}[data-theme=dark]{--color-text-primary: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-accent: #3b82f6;--color-bg-muted: #27272a;--color-bg-page: #18181b;--color-bg-card: #1e1e22;--color-border: #3f3f46;--color-overlay-dark: rgba(0, 0, 0, .8);--color-overlay-light: rgba(0, 0, 0, .7);--color-shadow: rgba(0, 0, 0, .3);--color-text-inactive: #52525b;--color-gradient-promo: linear-gradient(135deg, #2563eb, #1d4ed8)}*,*:before,*:after{box-sizing:border-box}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#e9e9e9 25%,#f5f5f5,#e9e9e9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:.25rem}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#3f3f46 25%,#27272a,#3f3f46 75%);background-size:200% 100%}@keyframes ripple-fill-in{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.ripple-fill{position:relative;overflow:hidden}.ripple-fill:after{content:"";position:absolute;left:var(--ripple-x, 50%);top:var(--ripple-y, 50%);width:calc(var(--ripple-radius, 100px) * 2);height:calc(var(--ripple-radius, 100px) * 2);border-radius:50%;background:color-mix(in srgb,var(--color-accent) 8%,transparent);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:0}.ripple-fill.selected:after{inset:0;width:100%;height:100%;border-radius:inherit;transform:none;opacity:1}.ripple-fill.ripple-animate:after{inset:auto;left:var(--ripple-x, 50%);top:var(--ripple-y, 50%);width:calc(var(--ripple-radius, 100px) * 2);height:calc(var(--ripple-radius, 100px) * 2);border-radius:50%;animation:ripple-fill-in .45s cubic-bezier(.25,.46,.45,.94) forwards}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:Poppins,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;color:var(--color-text-primary);background-color:var(--color-bg-page)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}