/*
Theme Name: HASE Under Construction
Theme URI: https://example.com/
Author: HASE Media Solutions
Description: Simple branded under-construction landing page for HASE Media Solutions.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: hase-under-construction
*/

:root{
  --ink:#171222;
  --muted:#6f6878;
  --coral:#ff6f7f;
  --pink:#e85ca8;
  --violet:#9b5de5;
  --blue:#4f6df5;
  --line:rgba(23,18,34,.08);
  --card:rgba(255,255,255,.76);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
body{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative;padding:24px}
body::before,body::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(20px);opacity:.3;z-index:0}
body::before{top:-180px;right:-160px;background:radial-gradient(circle at 30% 30%,var(--coral),var(--pink) 40%,var(--violet) 72%,transparent 73%)}
body::after{left:-190px;bottom:-210px;background:radial-gradient(circle at 60% 40%,var(--blue),var(--violet) 45%,var(--pink) 72%,transparent 73%)}
.shell{position:relative;z-index:2;width:min(860px,100%);text-align:center}
.card{background:var(--card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:32px;padding:64px 36px;box-shadow:0 30px 90px rgba(46,30,78,.10)}
.brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:13px}
.brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--violet),var(--blue));box-shadow:0 0 24px rgba(155,93,229,.45)}
.eyebrow{display:inline-block;margin-bottom:18px;font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(90deg,var(--coral),var(--pink),var(--violet),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,8vw,92px);line-height:.98;letter-spacing:-.045em;font-weight:700}
.gradient{background:linear-gradient(100deg,var(--coral),var(--pink) 40%,var(--violet) 72%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
p{width:min(640px,100%);margin:26px auto 0;color:var(--muted);font-size:18px;line-height:1.7}
.services{margin-top:34px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.services span{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.7);font-size:13px;font-weight:700;color:#51495d}
.footer{margin-top:28px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#91899b}
@media (max-width:600px){.card{padding:48px 22px;border-radius:24px}p{font-size:16px}.brand{font-size:11px;letter-spacing:.14em}}