:root {
  --accent:#c08a43;--accent-hover:#e4b866;
  --bg-light:linear-gradient(160deg,#f0eeea 0%,#e8e5e1 100%);
  --bg-dark:linear-gradient(160deg,#0f0f0f 0%,#1a1a1a 100%);
  --text-light:#1b1b1b;--text-dark:#e9e9e9;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scrollbar-gutter:stable both-edges;scroll-behavior:smooth}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-thumb{background:rgba(120,120,120,.25);border-radius:6px;transition:background .3s}
::-webkit-scrollbar-thumb:hover{background:rgba(120,120,120,.45)}
body{font-family:"Inter",system-ui,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;padding:2rem;background:var(--bg-light);color:var(--text-light);overflow-x:hidden;animation:fadeIn .8s ease-out;transition:background .6s,color .6s}
body::before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle at 40% 30%,rgba(249,224,173,.35),transparent 65%);filter:blur(120px);top:-200px;left:-200px;z-index:-1;animation:blobFloat 15s ease-in-out infinite alternate}
main{max-width:720px;padding:2rem}
h1{font-family:"Merriweather",serif;font-size:clamp(2.6rem,6vw,4rem);background:linear-gradient(90deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin-bottom:.8rem}
.tagline{font-size:1.1rem;color:rgba(0,0,0,.6);margin-bottom:2.4rem}
.info{line-height:1.7;font-size:1.05rem;color:rgba(0,0,0,.8);margin-bottom:2.2rem}
strong{color:var(--accent)}
a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .25s}
a:hover{color:var(--accent-hover)}
.button{display:inline-block;padding:.9rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px rgba(192,138,67,.25)}
.button:hover{background:linear-gradient(135deg,#fff3df,#fbe3b2);color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(192,138,67,.3)}
footer{margin-top:3rem;color:rgba(0,0,0,.5);font-size:.9rem}
@media(prefers-color-scheme:dark){
  body{background:var(--bg-dark);color:var(--text-dark)}
  body::before{background:radial-gradient(circle at 60% 40%,rgba(192,138,67,.25),transparent 70%);filter:blur(160px);opacity:.6}
  .tagline{color:rgba(255,255,255,.55)}.info{color:rgba(255,255,255,.8)}footer{color:rgba(255,255,255,.4)}
  .button{background:linear-gradient(135deg,var(--accent-hover),var(--accent));color:#fff}
  .button:hover{background:linear-gradient(135deg,#f6e0b7,#e8b76a);color:#1a1a1a;box-shadow:0 4px 14px rgba(192,138,67,.5)}
  ::-webkit-scrollbar-thumb{background:rgba(220,220,220,.25)}
  ::-webkit-scrollbar-thumb:hover{background:rgba(220,220,220,.45)}
}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes blobFloat{from{transform:translateY(0)rotate(0)}to{transform:translateY(40px)rotate(5deg)}}