body,html{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;color:#222;background:#f6f6f6;display:flex;justify-content:center;align-items:center;text-align:center;}
.wrapper{width:100%;padding:0 1rem;}
.content{background:rgba(255,255,255,0.95);padding:3rem 2rem;border-radius:8px;max-width:680px;margin:0 auto;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
h1{font-size:clamp(2rem,5vw,2.8rem);margin:0 0 1rem;}
h2{font-size:clamp(1.3rem,4vw,1.9rem);margin:0 0 2rem;color:#555;}
.cta{font-size:1.15rem;margin:0 0 2.5rem;}
.contact{font-size:1rem;border-top:1px solid #ddd;padding-top:1.5rem;}
.contact a{color:#0066cc;text-decoration:none;}
.contact a:hover{text-decoration:underline;}
#slogan{transition:opacity .6s ease;}
#slogan.fade-out{opacity:0;}
@media(max-width:480px){.content{padding:2rem 1rem;}}
.share { font-size: 1rem; margin-top: 1.5rem; color: #444; }