:root{--color-moonlight-blue:#253e5b;--color-moonlight-blue-light:#3b5a7b;--color-moonlight-blue-dark:#162233;--color-quike-silver:#bfc7ce;--color-quike-silver-light:#e6eaed;--color-quike-silver-dark:#8c969e;--color-accent:#5a8cf2;--color-success:#23cba7;--color-error:#e94e77}body,html{padding:0;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,var(--color-moonlight-blue-light),var(--color-quike-silver-light));color:var(--color-moonlight-blue-dark);min-height:100vh;scroll-behavior:smooth}.page-wrapper{max-width:1400px;margin:0 auto;padding:0 24px;width:100%}.main-container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:focus-visible,a:hover{text-decoration:underline;color:var(--color-moonlight-blue);outline-offset:2px;outline:3px solid var(--color-accent);border-radius:4px}.btn,button{background:var(--color-moonlight-blue);color:var(--color-quike-silver);border:none;border-radius:8px;padding:.6em 1.4em;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 6px rgba(37,62,91,.3)}.btn:hover,button:hover{background:var(--color-moonlight-blue-dark);box-shadow:0 4px 12px rgba(22,34,51,.5)}.btn:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 3px var(--color-accent)}input,select,textarea{border:1px solid var(--color-quike-silver-dark);border-radius:6px;padding:.6em;background:var(--color-quike-silver-light);color:var(--color-moonlight-blue-dark);margin-bottom:1em;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 4px var(--color-accent);outline:none}h1,h2,h3,h4,h5,h6,input,p,select,textarea{padding:.5em;border:1px solid var(--color-quike-silver-dark);margin:.5em 0}footer{background:var(--color-moonlight-blue-dark);color:var(--color-quike-silver-light);padding:1em;text-align:center;font-size:.9rem}::-webkit-scrollbar{width:8px}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--color-moonlight-blue-dark) var(--color-quike-silver-light)}::-webkit-scrollbar{width:10px;background:var(--color-quike-silver-light)}::-webkit-scrollbar-thumb{background:var(--color-moonlight-blue-dark);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-moonlight-blue)}