*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f7fafc;color:#14213d}a{text-decoration:none;color:inherit}
.top{height:72px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:9}
.brand{font-size:25px;font-weight:800;color:#087f8c}.brand span{background:#e4f7f7;padding:7px;border-radius:10px}.top nav{display:flex;gap:12px;align-items:center}.pill,.btn{background:#087f8c;color:#fff;padding:12px 20px;border-radius:12px;border:0;cursor:pointer;font-weight:700}
main{min-height:calc(100vh - 140px)}.hero{padding:78px 6%;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;background:linear-gradient(180deg,#f3ffff,#fff)}
.badge{display:inline-block;background:#e5f8ef;color:#157347;padding:8px 13px;border-radius:99px;font-weight:700}.hero h1{font-size:50px;line-height:1.25;margin:18px 0}.hero h1 b{color:#087f8c}.hero p{font-size:20px;color:#5e6b7b;line-height:1.9}.price{font-size:19px;margin:20px 0}.price strong{font-size:32px;color:#087f8c}
.mock{background:#fff;border:1px solid #dfe9ee;border-radius:22px;padding:20px;box-shadow:0 20px 55px #17324d18}.gridweek{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.day{background:#f0f7f8;border-radius:12px;padding:12px;text-align:center;font-weight:bold}.slot{margin-top:8px;background:#fff;border:1px solid #dce8ea;border-radius:8px;padding:9px;font-size:12px}
.section{padding:60px 6%;max-width:1250px;margin:auto}.section h2{text-align:center;font-size:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e4eaef;border-radius:18px;padding:22px;box-shadow:0 8px 24px #17324d0a}.card h3{margin-top:7px}.num{width:36px;height:36px;border-radius:10px;background:#e4f7f7;color:#087f8c;display:grid;place-items:center;font-weight:bold}
.auth{max-width:520px;margin:55px auto;background:#fff;border:1px solid #e4eaef;border-radius:20px;padding:28px}.auth h1{margin-top:0}.field{margin:14px 0}.field label{display:block;margin-bottom:7px;font-weight:700}.field input,.field select{width:100%;padding:13px;border:1px solid #ccd8df;border-radius:10px;font:inherit}.btn.w{width:100%}
.wrap{max-width:1250px;margin:30px auto;padding:0 20px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:#fff;border:1px solid #e4eaef;padding:20px;border-radius:16px}.stat b{display:block;font-size:28px;color:#087f8c;margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.step{background:#fff;border:1px solid #e3e9ee;border-radius:14px;padding:15px;text-align:center}.step.active{border:2px solid #087f8c}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #edf1f4;text-align:right}.actions{display:flex;gap:8px;flex-wrap:wrap}.danger{background:#b42318}.muted{color:#687686}.toast{max-width:900px;margin:15px auto;background:#e9f9ef;color:#146c43;padding:12px 18px;border-radius:10px}.center{text-align:center}footer{text-align:center;padding:25px;color:#718096}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{font-size:36px}.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.top{padding:0 4%}}
.toast.err{background:#fff0f0;color:#9b1c1c}.trialhero{margin:16px 0;padding:12px 16px;background:#eefbf4;border:1px solid #cdeedc;border-radius:12px;display:inline-block}.subbadge{display:inline-block;padding:9px 13px;border-radius:999px;font-weight:700}.subbadge.trial{background:#fff7df;color:#8a5a00}.subbadge.active{background:#e8f8ef;color:#166534}.subbadge.expired{background:#feecec;color:#991b1b}.dashcards{margin-top:22px;grid-template-columns:repeat(4,1fr)}.formcard{margin-bottom:18px}.inlineform,.gridform{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end}.gridform{grid-template-columns:repeat(4,1fr) auto}.inlineform input,.inlineform select,.gridform input,.gridform select,.filter select,.formcard input,.formcard select{width:100%;padding:12px;border:1px solid #ccd8df;border-radius:10px;font:inherit;background:#fff}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.mini{border:0;border-radius:8px;padding:8px 10px;color:#fff;cursor:pointer}.ghost{background:#eef5f6;color:#087f8c}.bigcard{max-width:780px;margin:auto;padding:35px}.giant{font-size:20px;padding:15px 28px}.score{margin:24px auto 0;display:grid;gap:6px;place-items:center}.score b{font-size:46px;color:#087f8c}.score span{font-size:20px;font-weight:700}.filter{display:flex;gap:10px;margin:14px 0}.scheduleWrap{overflow:auto}.schedule{width:100%;border-collapse:collapse;min-width:850px;background:#fff}.schedule th,.schedule td{border:1px solid #dfe8ed;padding:10px;vertical-align:top}.schedule th{background:#f2f8f9}.lesson{background:#eff8f9;border:1px solid #d8ecee;border-radius:10px;padding:8px;margin:4px 0}.lesson small{display:block;color:#60717c;margin-top:4px}.subcard{max-width:760px;margin:30px auto}.subcard h2{font-size:38px;color:#087f8c}.subcard h2 small{font-size:16px;color:#5e6b7b}.notice{background:#fff7df;border:1px solid #f4dda3;padding:14px;border-radius:12px;margin:15px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#edf7f8;border-radius:999px;padding:9px 13px}.actions form{margin:0}.auth .toast{margin:10px 0}.gridform select,.gridform input{min-width:0}@media(max-width:950px){.dashcards{grid-template-columns:1fr 1fr}.gridform{grid-template-columns:1fr 1fr}.inlineform{grid-template-columns:1fr 1fr}}@media(max-width:600px){.dashcards,.gridform,.inlineform{grid-template-columns:1fr}.filter{flex-direction:column}.top nav a:not(.pill){display:none}}
@media print{.top,footer,.actions,.filter,.muted{display:none!important}.wrap{max-width:none;margin:0;padding:0}.schedule{min-width:0;font-size:11px}.schedule th,.schedule td{padding:5px}.lesson{break-inside:avoid}}
.lesson{cursor:grab}.lesson:active{cursor:grabbing}.dropzone{min-height:56px}