:root{--bg-start: #aab4ea;--bg-end: #5c70de;--shell-bg: #f4f6ff;--text-main: #111627;--text-soft: #596180;--stroke: #dce1f4;--primary: #556de8;--primary-dark: #4457c4;--free: #22a06b;--busy: #ea5a6a;--maybe: #f59e0b}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;color:var(--text-main);background:radial-gradient(circle at top left,#cfd5ff,transparent 30%),linear-gradient(135deg,var(--bg-start),var(--bg-end))}.page-wrap{padding:38px 24px}.app-shell{max-width:1240px;margin:0 auto;border-radius:30px;overflow:hidden;background:var(--shell-bg);box-shadow:0 22px 50px #29377c4d}.topbar{min-height:86px;padding:16px 30px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-bottom:1px solid #edf0fb}.brand{display:flex;align-items:center;gap:10px}.logo-dot{width:30px;height:30px;border-radius:999px;display:inline-grid;place-items:center;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#5f75f1,#4258ca)}.main-nav{display:flex;align-items:center;gap:14px}.main-nav a{text-decoration:none;color:#1a2039;padding:10px 15px;border-radius:14px;font-size:14px;font-weight:500}.main-nav a.is-active{background:#eef1ff;color:var(--primary)}.topbar-actions{display:flex;gap:10px}.hero{background:linear-gradient(180deg,#d4daf7,#cfd6f2);padding:34px 30px 26px;display:flex;align-items:center}.hero h1{margin:0 0 8px;font-size:52px;line-height:1.06;max-width:720px}.hero p{margin:0;font-size:18px;color:var(--text-soft);max-width:760px}.layout{padding:18px;display:grid;gap:16px}.panel{background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:16px}.panel h2{margin:0 0 16px;font-size:22px}.field{display:block;margin-bottom:14px}.field span{display:block;margin-bottom:8px;font-size:13px;color:#444d70;font-weight:600}input,select{width:100%;height:44px;border:1px solid #d6dcf1;border-radius:12px;padding:0 12px;font-size:14px;background:#fff;color:#121a35}.btn{height:42px;border-radius:999px;padding:0 18px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-grid;place-items:center}.btn-primary{color:#fff;background:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;color:#1b2140;border-color:#c9d1ef}@media(max-width:980px){.hero h1{font-size:40px}.hero p{font-size:16px}.topbar{flex-wrap:wrap}}