:root {
  --amp-black:#161616; --amp-stone:#DEDEDE; --amp-white:#FFFFFF;
  --fg-3:#8A8A8A;
  --font-sans:'DM Sans', ui-sans-serif, system-ui, sans-serif;
  --font-serif:'DM Serif Display', ui-serif, Georgia, serif;
}
*{box-sizing:border-box;}
body{margin:0; font-family:var(--font-sans); background:var(--amp-black);}
@keyframes fadeUp{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:translateY(0);}}

.page{min-height:100vh; background:var(--amp-black); color:var(--amp-white); display:flex; flex-direction:column;}
header{display:flex; align-items:center; gap:12px; padding:24px clamp(20px,4vw,48px);}
header img{height:20px; width:auto; filter:invert(1);}
header span{font-size:16px; color:var(--fg-3);}

main{flex:1; display:flex; align-items:center; justify-content:center; padding:24px;}
.content{max-width:560px; text-align:center; animation:fadeUp 420ms cubic-bezier(0.22,1,0.36,1) both;}
.eyebrow{font-size:18px; font-weight:500; color:var(--amp-stone); margin:0 0 24px;}
h1{font-size:clamp(40px,5.5vw,64px); font-weight:500; line-height:0.95; margin:0 0 20px;}
h1 .accent{font-family:var(--font-serif); font-style:italic; font-weight:400;}
.body-copy{font-size:18px; color:var(--amp-stone); line-height:1.5; margin:0 0 48px;}

.btn-google{
  display:inline-flex; align-items:center; gap:10px; background:var(--amp-white); color:var(--amp-black);
  border:none; border-radius:6px; padding:13px 22px; font-size:14px; font-weight:500; font-family:var(--font-sans);
  cursor:pointer; text-decoration:none; transition:background 240ms cubic-bezier(0.22,1,0.36,1);
}
.btn-google:hover{background:var(--amp-stone);}
.btn-google svg{flex-shrink:0;}

.caption{font-size:14px; color:var(--fg-3); margin:24px 0 0;}
footer{text-align:center; padding:24px; font-size:14px; color:var(--fg-3);}