@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";html,body{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}:root{--primary-bg: #f4f5f7;--secondary-bg: #ffffff;--primary-text: #1a1a1a;--secondary-text: #515151;--accent-color: #1863e6;--link-color: #0052cc;--border-color: #d1d5db;--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--button-bg: #1863e6;--button-text: #ffffff;--button-hover: #1352cc;--button-active: #0f48b3;--theme-selected: rgba(24, 99, 230, .15);--theme-hover: rgba(24, 99, 230, .08);--theme-shadow: rgba(0, 0, 0, .1);--theme-shine: rgba(255, 255, 255, .7);--success-color: #22c55e;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #2563eb;--focus-ring: 0 0 0 2px rgba(24, 99, 230, .4);--theme-opposite: #1a1a1a;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}[data-theme=dark]{--primary-bg: #1a1c23;--secondary-bg: #252830;--primary-text: #ebeef2;--secondary-text: #9ca3af;--accent-color: #3b82f6;--link-color: #60a5fa;--border-color: #383c47;--card-shadow: 0 2px 8px rgba(0, 0, 0, .25);--button-bg: #3b82f6;--button-text: #ffffff;--button-hover: #2563eb;--button-active: #1d4ed8;--theme-selected: rgba(59, 130, 246, .25);--theme-hover: rgba(59, 130, 246, .15);--theme-shadow: rgba(0, 0, 0, .3);--theme-shine: rgba(255, 255, 255, .1);--success-color: #4ade80;--warning-color: #fbbf24;--error-color: #f87171;--info-color: #60a5fa;--focus-ring: 0 0 0 2px rgba(59, 130, 246, .6);--theme-opposite: #ffffff}body{background-color:var(--primary-bg);color:var(--primary-text);transition:background-color .3s,color .3s;font-size:var(--font-size-base);line-height:1.5}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700;line-height:1.2;color:var(--primary-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-top:0;margin-bottom:1rem}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--button-hover);text-decoration:underline}:focus{outline:none;box-shadow:var(--focus-ring)}:focus:not(:focus-visible){box-shadow:none}:focus-visible{box-shadow:var(--focus-ring)}.main{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:var(--primary-bg);min-height:100vh}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.hero{background:linear-gradient(135deg,var(--button-bg),var(--accent-color));box-shadow:0 4px 12px var(--theme-shadow);color:var(--button-text);padding:2rem;text-align:center;margin:1.5rem auto;border-radius:.75rem;max-width:800px}.hero h1{font-size:1.75rem;margin-bottom:1rem;font-weight:800}.hero p{font-size:1.125rem;margin-bottom:1.5rem;opacity:.9}.hero-link{display:inline-block;background-color:var(--secondary-bg);color:var(--primary-text);padding:.75rem 1.25rem;border-radius:.5rem;text-decoration:none;font-weight:600;border:1px solid var(--border-color);transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.hero-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background-color:var(--theme-selected);text-decoration:none}button{background-color:var(--button-bg);color:var(--button-text);padding:.75rem 1.25rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:600;font-size:var(--font-size-sm);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;box-shadow:0 1px 3px #0000001a}button:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}button:active{background-color:var(--button-active);transform:translateY(0);box-shadow:0 1px 2px #0000001a}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{background-color:transparent;border:1px solid var(--button-bg);color:var(--button-bg)}.btn-secondary:hover{background-color:var(--theme-selected);color:var(--button-bg);border-color:var(--button-hover)}.btn-tertiary{background-color:transparent;border:1px solid var(--border-color);color:var(--secondary-text)}.btn-tertiary:hover{border-color:var(--button-bg);color:var(--button-bg);background-color:var(--theme-hover)}.shiny-button{position:relative;overflow:hidden;background:var(--button-bg);color:var(--button-text);font-weight:600;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 5px #00000026}.shiny-button:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:skew(-25deg);z-index:1;pointer-events:none}.shiny-button:hover{background-color:var(--button-hover);transform:translateY(-2px);box-shadow:0 4px 10px #0003}.shiny-button:hover:before{animation:shine .8s ease-in-out}.shiny-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.pulsing-button{position:relative;overflow:hidden;background:var(--button-bg);color:var(--button-text);font-weight:600;border:none;cursor:pointer;animation:pulse 2s infinite;box-shadow:0 0 #1863e666}@keyframes shine{0%{left:-150%}to{left:150%}}@keyframes pulse{0%{box-shadow:0 0 #1863e666}70%{box-shadow:0 0 0 10px #1863e600}to{box-shadow:0 0 #1863e600}}.error-msg{color:var(--error-color);font-weight:600;margin-bottom:1rem;padding:.75rem;background-color:#ef44441a;border-left:3px solid var(--error-color);border-radius:.25rem}@media (min-width: 640px){.hero{padding:2.5rem}.hero h1{font-size:2.25rem}.hero p{font-size:1.25rem}button{padding:.75rem 1.5rem}}@media (min-width: 768px){.hero{width:80%}.hero h1{font-size:2.5rem}.hero p{font-size:1.375rem}}@media (min-width: 1024px){.hero{width:70%;padding:3rem}.hero h1{font-size:3rem}.main{padding:2rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}