/*
Theme Name: WorkMate Booking Landing
Author: WorkMate OS
Version: 1.0.0
*/
:root{color-scheme:dark}*{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;background:#071013;color:#eef7f6}body{overflow-x:hidden}.page{min-height:100vh;position:relative;background:radial-gradient(circle at 18% 18%,rgba(96,239,255,.18),transparent 28%),radial-gradient(circle at 78% 12%,rgba(245,197,97,.16),transparent 24%),linear-gradient(135deg,#061116 0%,#102221 46%,#070b10 100%)}.page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.25));pointer-events:none}.nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(20px,4vw,64px)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:20px;letter-spacing:.01em}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(110,231,255,.32);border-radius:14px;background:rgba(22,217,230,.12);box-shadow:0 0 28px rgba(22,217,230,.16)}.nav a{color:#a9c6ca;text-decoration:none;font-weight:700}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:clamp(28px,5vw,70px);align-items:center;min-height:calc(100vh - 116px);padding:20px clamp(20px,6vw,92px) 72px}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(245,197,97,.3);background:rgba(245,197,97,.11);color:#f9df9a;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.13em}.hero h1{max-width:900px;margin:24px 0 0;font-size:clamp(46px,8vw,104px);line-height:.92;letter-spacing:0;font-weight:900}.hero h1 span{color:#65e5ee}.copy{max-width:720px;margin:26px 0 0;color:#b7c8cb;font-size:clamp(18px,2.1vw,23px);line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:16px;padding:0 22px;font-weight:850;text-decoration:none}.primary{background:#5fe7f0;color:#041216;box-shadow:0 18px 40px rgba(95,231,240,.24)}.secondary{border:1px solid rgba(255,255,255,.16);color:#eef7f6;background:rgba(255,255,255,.06)}.panel{border:1px solid rgba(255,255,255,.14);background:rgba(3,12,18,.62);backdrop-filter:blur(18px);border-radius:28px;padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.32)}.panel h2{margin:0;font-size:24px}.status{display:grid;gap:14px;margin-top:22px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.row:last-child{border-bottom:0;padding-bottom:0}.label{color:#93aeb4;font-size:13px}.value{font-weight:850;color:#f4fbfb;text-align:right}.pill{display:inline-flex;border:1px solid rgba(97,239,207,.28);background:rgba(97,239,207,.1);color:#9ff8de;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.foot{position:relative;z-index:1;padding:0 clamp(20px,6vw,92px) 30px;color:#779197;font-size:13px}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.panel{max-width:560px}.nav{align-items:flex-start}.hero h1{font-size:clamp(44px,14vw,72px)}}