:root{--green:#123f32;--green2:#0b2b23;--gold:#c9a45c;--ivory:#f8f4e9;--text:#23312c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--ivory);color:var(--text)}
.hidden{display:none!important}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center}
.video-screen{background:#071d17}.video-wrap{width:min(1100px,94vw);position:relative}.video-wrap iframe{width:100%;height:min(70vh,620px);border:0}.gold-btn{background:var(--gold);border:0;color:#14251f;padding:13px 26px;border-radius:6px;font-weight:bold;cursor:pointer;letter-spacing:.3px}.video-wrap .gold-btn{display:block;margin:18px auto 0}
.quote-screen{background:radial-gradient(circle,#1e5b49,#08251e)}.quote-card{max-width:850px;text-align:center;padding:70px 45px;color:#fff;border:1px solid #c9a45c88;background:#071f1988}.quote-card p{font-size:clamp(28px,4vw,52px);line-height:1.45;margin:15px 0}.quote-card small{color:#e2c47f;font-size:17px}.ornament{color:var(--gold);font-size:30px}
.login-screen{background:linear-gradient(135deg,#0b2b23,#174d3e)}.login-card{width:min(420px,92vw);padding:42px;background:#f8f4e9;text-align:center;border-top:5px solid var(--gold);box-shadow:0 20px 60px #0006}.logo-mark{font-family:"Brush Script MT",cursive;font-size:31px;color:var(--green)}.login-card h1{color:var(--green)}.login-card input{display:block;width:100%;padding:14px;margin:10px 0;border:1px solid #c9c0ad;background:white}.login-card .gold-btn{width:100%;margin-top:8px}.login-card #loginError{color:#9b2c2c;min-height:22px;margin-top:12px}
header{height:82px;background:var(--green);color:white;display:flex;align-items:center;padding:0 5%;position:sticky;top:0;z-index:10}.brand{flex:1}.brand .logo-mark{color:#fff}.tawhid{font-size:24px;color:#e4c77e;text-align:center;flex:2}.small-btn{margin-left:auto;background:transparent;border:1px solid #ffffff66;color:#fff;padding:8px 12px}
nav{background:#fff;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:12px 3%;box-shadow:0 2px 15px #0001;position:sticky;top:82px;z-index:9}nav a{color:var(--green);text-decoration:none;padding:8px 12px;font-weight:bold}
.section{max-width:1100px;margin:auto;padding:85px 5%}.hero{text-align:center;min-height:70vh;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--gold);letter-spacing:4px}.hero h1{font-size:clamp(36px,6vw,70px);color:var(--green);margin:18px 0}.hero p{font-size:19px;line-height:1.7}.inline{display:inline-block;text-decoration:none;margin:20px auto}
h2{color:var(--green);font-size:34px;border-bottom:1px solid #c9a45c66;padding-bottom:15px}.content-card,.havas-card{background:#fff;padding:28px;border:1px solid #d8d0c0;box-shadow:0 8px 25px #0000000b}.search-box{display:flex;gap:10px}.search-box input{flex:1;padding:15px;border:1px solid #c9c0ad;font-size:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chip{border:1px solid var(--gold);background:#fff;padding:8px 12px;border-radius:20px;cursor:pointer;color:var(--green)}.results{display:grid;gap:18px}.havas-card h3{color:var(--green);margin-top:0}.havas-card dl{display:grid;grid-template-columns:160px 1fr;gap:8px}.havas-card dt{font-weight:bold;color:#6d5830}.keywords{color:var(--green);font-size:14px}
.support strong{display:block;margin-top:18px;color:var(--green)}footer{background:var(--green2);color:#fff;text-align:center;padding:35px}
@media(max-width:700px){header{height:auto;min-height:72px;flex-wrap:wrap;padding:12px}.tawhid{order:3;flex-basis:100%;font-size:18px;margin-top:8px}nav{top:0}.search-box{flex-direction:column}.havas-card dl{grid-template-columns:1fr}.section{padding:60px 5%}}