:root{--bg:#fbf7ee;--panel:#f1f5f7;--card:#ffffff;--muted:#7b8a93;--accent:#2b78f6}
html,body{height:100%;width:100%}
*,*:before,*:after{box-sizing:border-box}
body {
    margin: 0;
    font-family: Inter,Segoe UI,system-ui,Arial,sans-serif;
    background: linear-gradient(180deg,#464d75 0%,#fff 40%);
    padding: 28px;
    color: #464d75;
    overflow-x: hidden
}

/* common container used on many pages */
.container{max-width:980px;margin:0 auto;background:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.06)}

/* global link styles */
a{color:var(--accent);text-decoration:none;transition:color .15s ease,text-decoration .15s ease}
a:hover,a:focus{color:#0f63d6;text-decoration:underline}
a:active{opacity:0.95}
a:visited{color:#5b6f9a}

/* responsive tweaks */
@media (max-width:600px){
  body{padding:12px}
  .container{padding:12px}
}