:root{--navy:#0d2038;--gold:#d7aa31;--text:#182b43;--muted:#657084;--line:#dce1e8}*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:#f5f7fa}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ba8b21;outline-offset:3px}[hidden]{display:none!important}.preview{padding:9px 5%;background:#ece4cc;color:#4e4325;font-size:11px;font-weight:750;letter-spacing:.08em;text-align:center}.preview span{font-weight:400;letter-spacing:0;margin-left:15px}header{background:var(--navy);display:flex;justify-content:space-between;align-items:center;padding:18px 7%;border-bottom:1px solid #ffffff18}.brand img{width:160px;height:55px;object-fit:contain}.exclusive{font-size:11px;letter-spacing:.12em;color:#e3c56a;text-align:right}.exclusive b{display:block;font-weight:400;color:#d3dbe5;letter-spacing:0;font-size:13px}.login-layout{max-width:1300px;min-height:720px;padding:74px 60px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:750;color:#8a6a1e}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(40px,4.5vw,65px);margin:23px 0}h1 em{color:#99772b}h2{font-size:34px;margin:14px 0}h3{font-size:30px;margin:20px 0}.intro>p{max-width:460px;color:var(--muted);font-size:17px}.benefits{margin:33px 0}.benefits>div{display:flex;align-items:center;gap:20px;margin-bottom:21px}.benefits span{color:#a28642;font:22px Georgia}.benefits p{margin:0;font-size:14px;color:var(--muted)}.benefits strong{color:var(--text);font-weight:600}.intro small{font-size:12px;color:var(--muted)}.login-card{padding:39px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 65px #0d20380b}.login-card>p{color:var(--muted);margin-bottom:25px}label{display:block;font-weight:600;font-size:13px;margin:17px 0 7px}input{width:100%;padding:13px 14px;border:1px solid #cbd2dc;border-radius:9px;background:#fff;color:var(--text)}.password-wrap{position:relative}.password-wrap input{padding-right:85px}.password-wrap button{position:absolute;right:13px;top:13px;font-size:12px}.primary{width:100%;border:0;background:var(--navy);color:#fff;padding:15px 19px;border-radius:9px;margin-top:24px;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#1a3554}.primary span{color:#e9c55a;font-size:20px}.secondary{background:#fff;border:1px solid #c6ced9;padding:11px 17px;border-radius:8px;color:var(--navy);font-weight:600;font-size:13px}.secondary:hover{background:#f0f3f8}.text-button{border:0;background:none;padding:0;color:#667389}.help{display:block;margin:16px auto;font-size:12px;text-decoration:underline}.demo{border-top:1px solid var(--line);padding-top:20px;margin-top:23px;font-size:12px}.demo p{margin:5px 0 13px;color:var(--muted)}.error{color:#b22e39;font-size:13px}.error:empty{display:none}#dashboard{max-width:1250px;padding:55px 45px 85px;margin:auto}.dashboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-top h1{font-size:45px;margin:15px 0}.dashboard-top p{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:36px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-title h2{font:600 18px system-ui;margin:0}.section-title span{font-size:12px;color:var(--muted)}.meeting{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:23px;display:flex;gap:24px;align-items:center}.date-box{min-width:70px;background:#f2f4f8;text-align:center;border-radius:10px;padding:10px;color:#667084;font-size:11px;text-transform:uppercase}.date-box b{display:block;font:32px Georgia;color:var(--navy)}.meeting-main{flex:1}.meeting-main strong{font-size:15px}.meeting-main p{margin:7px 0;font-size:13px;color:var(--muted)}.badge{font-size:11px;background:#edf2f7;padding:4px 9px;border-radius:4px;color:#547088}.aside-card{background:var(--navy);border-radius:17px;padding:29px;color:#d7dfeb}.aside-card .eyebrow{color:#e6c163}.aside-card h3{color:white}.aside-card p{font-size:13px}.rule{border-top:1px solid #ffffff23;margin-top:24px;padding-top:20px}.rule strong{color:#e5c574;font-size:13px}.muted{color:#b1bece}.integration{padding:24px 10px;font-size:12px;color:var(--muted)}.integration strong{color:var(--navy)}.integration span{font-size:11px}dialog{border:0;border-radius:18px;max-width:640px;width:calc(100% - 30px);padding:36px;color:var(--navy);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#07172ac2}dialog h2{font-size:32px}dialog p{font-size:13px;color:var(--muted)}.close{float:right;border:0;background:none;font-size:25px;color:var(--muted)}#slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:280px;overflow:auto;margin-top:20px}.slot{text-align:left;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--navy);font-size:12px}.slot[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:16px 24px;border:1px solid var(--gold);border-radius:12px;max-width:90%;z-index:10;font-size:13px}footer{border-top:1px solid var(--line);padding:22px 7%;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}@media(max-width:800px){.preview span{display:block;margin:3px 0}.login-layout{padding:35px 22px;grid-template-columns:1fr;gap:30px;min-height:auto}.intro h1{font-size:45px}.benefits{display:none}.intro>p{font-size:15px}.login-card{padding:27px}.dashboard-grid{grid-template-columns:1fr}#dashboard{padding:35px 20px}.dashboard-top{align-items:flex-start}.dashboard-top h1{font-size:35px}.meeting{gap:15px;padding:17px;flex-wrap:wrap}.meeting>.secondary{margin-left:85px}.exclusive{font-size:9px}.brand img{width:135px}footer{gap:15px}.section-title span{font-size:10px}dialog{padding:25px}#slots{grid-template-columns:1fr 1fr}}
