:root{--ink:#17231f;--muted:#73817c;--cream:#f8f8f3;--green:#276c55;--mint:#dceee5;--line:#e4e9e4}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,sans-serif}.shell{max-width:1180px;margin:auto;padding:0 28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.brand{align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.brand img{object-fit:cover;object-position:center 28%;border-radius:10px;width:52px;height:43px}.brand span span{color:var(--green)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:calc(100vh - 120px);display:grid}.eyebrow{color:var(--green);letter-spacing:1px;font-size:12px;font-weight:700}.hero h1{margin:15px 0;font-size:58px;line-height:1.2}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:var(--muted);font-size:16px;line-height:2}.actions{align-items:center;gap:16px;margin-top:28px;display:flex}.button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:14px 20px;font-weight:700}.link{color:var(--green);font-weight:700;text-decoration:none}.visual{background:var(--mint);border-radius:36px;place-items:center;height:460px;display:grid;overflow:hidden}.visual img{object-fit:contain;border-radius:25px;width:82%;max-height:360px}@media (max-width:800px){.hero{grid-template-columns:1fr;gap:20px;padding:45px 0}.hero h1{font-size:44px}.visual{height:330px}}
form{gap:12px;max-width:560px;display:grid}.answer{text-align:right;border:1px solid var(--line);cursor:pointer;width:100%;font:inherit;background:#fff;border-radius:10px;padding:15px;display:block}.answer.selected,.answer:hover{border-color:var(--green);background:var(--mint)}.lesson-list{padding:20px 0 70px}.lesson-list h2{font-size:22px}.lesson-card{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;flex-direction:column;gap:5px;margin:10px 0;padding:18px;text-decoration:none;display:flex}.lesson-card:hover{border-color:var(--green)}.lesson-card span{color:var(--muted);font-size:13px}
.auth-page{text-align:center;max-width:560px;margin:0 auto;padding:90px 0}.auth-page h1{margin:12px 0;font-size:38px}.auth-page>p{color:var(--muted);margin-bottom:30px}.auth-choice{gap:14px;max-width:360px;margin:30px auto;display:grid}.secondary{color:var(--green)!important;border:1px solid var(--green)!important;box-shadow:none!important;background:#fff!important}.back-link{margin-top:30px;display:inline-block}.back-button{color:var(--green);cursor:pointer;font:inherit;background:0 0;border:0;margin-bottom:35px;display:block}.auth-page form{text-align:right;margin:25px auto 0}.auth-page form input,.auth-page form select{width:100%}.auth-page form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.auth-page form select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:10px;padding:14px}.brand-centered{color:var(--ink);justify-content:center;margin-bottom:42px;font-size:22px;text-decoration:none}.brand-centered span span{color:var(--green)}.switch-text{font-size:13px;margin-top:25px!important}.header-actions{align-items:center;gap:18px;display:flex}.small-button{padding:9px 14px;font-size:12px}.wide-auth{max-width:650px}.success-mark{background:var(--mint);width:62px;height:62px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:34px;font-weight:700;display:grid}.forgot-link{margin:10px 0 18px;font-size:13px;display:block}.success-text{font-weight:700;color:var(--green)!important}.profile-page{max-width:760px;margin:0 auto;padding:60px 0}.profile-page h1{margin:10px 0;font-size:42px}.muted-text{color:var(--muted);line-height:1.8}.profile-summary{background:var(--mint);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:28px 0;padding:22px;display:flex}.profile-summary span{color:var(--muted);direction:ltr}.profile-form{text-align:right;grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.profile-form input,.profile-form select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:14px}.profile-form input[readonly]{color:var(--muted);background:#f0f2ee}.profile-form .button,.profile-form p{grid-column:1/-1}@media (max-width:650px){.profile-page{padding:35px 0}.profile-page h1{font-size:32px}.profile-form{grid-template-columns:1fr}.profile-summary{flex-direction:column;align-items:flex-start}.profile-form .button,.profile-form p{grid-column:auto}}
.dashboard-hero{justify-content:space-between;align-items:center;gap:25px;padding:70px 0 35px;display:flex}.dashboard-hero h1{margin:10px 0;font-size:42px}.dashboard-hero p{color:var(--muted)}.test-reminder{background:var(--mint);color:var(--green);border-radius:14px;padding:18px 22px;font-weight:700;text-decoration:none}.test-reminder small{font-weight:400}.action-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.action-card{min-height:190px;color:var(--ink);border-radius:18px;flex-direction:column;gap:10px;padding:25px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.action-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #123c2b18}.action-card span{font-size:28px}.action-card strong{font-size:20px;line-height:1.45}.action-card small{color:#557268;line-height:1.8}.action-card.lessons{background:#e0f1e8}.action-card.darija{background:#dff4f1}.action-card.teachers{background:#fff0db}.action-card.tutor{background:#e5e0f4}.action-card.opi{background:linear-gradient(145deg,#fff5d9,#f5dfaa);border:1px solid #e8b94d}.action-card.opi span{color:#b47705}.profile-button{color:var(--green);align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.profile-avatar{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.profile-button-text{display:inline-block}@media (max-width:1050px){.action-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.dashboard-hero{padding:45px 0 25px;display:block}.dashboard-hero h1{font-size:34px}.test-reminder{margin-top:20px;display:inline-block}.action-grid{grid-template-columns:1fr}.profile-button-text{display:none}}
:root{--terracotta:#b85c43;--saffron:#e6a33a;--teal:#258579}body{background:#fbfaf6 radial-gradient(#b85c4310 1px,#0000 1px) 0 0/18px 18px}.topbar{position:relative}.topbar:after{content:"";background:repeating-linear-gradient(90deg,var(--teal) 0 18px,var(--saffron) 18px 36px,var(--terracotta) 36px 54px);height:3px;position:absolute;inset:auto 0 -3px}.dashboard-hero{position:relative;overflow:hidden}.dashboard-hero:before{content:"";opacity:.16;background:conic-gradient(from 45deg,var(--teal) 0 25%,transparent 25% 50%,var(--saffron) 50% 75%,transparent 75%);pointer-events:none;background-size:46px 46px;width:230px;height:230px;position:absolute;top:20px;left:-80px;transform:rotate(45deg)}.dashboard-hero>*{z-index:1;position:relative}.action-card{border:1px solid #fff;box-shadow:0 14px 28px #173d5a12}.action-card:after{content:"◆ ◇ ◆";color:currentColor;opacity:.14;position:absolute;bottom:18px;left:18px}.action-card.lessons{background:linear-gradient(135deg,#dff4e9,#cde9e1)}.action-card.teachers{background:linear-gradient(135deg,#fff1d9,#f8dcc0)}.action-card.tutor{background:linear-gradient(135deg,#e8e2f6,#d9d4ed)}.levels-page{padding:65px 0}.levels-heading{text-align:center;max-width:660px;margin:0 auto 35px}.levels-heading h1{margin:8px 0;font-size:42px}.levels-heading p{color:var(--muted);line-height:1.9}.levels-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.level-card{min-height:220px;color:var(--ink);border-radius:20px;padding:26px;text-decoration:none;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 14px 28px #173d5a12}.level-card:hover{transform:translateY(-6px)}.level-card h2{margin:0;font-size:37px}.level-card strong,.level-card small{z-index:1;display:block;position:relative}.level-card strong{margin:12px 0 6px;font-size:19px}.level-card small{color:#557268;line-height:1.7}.a1{background:#dff3e9}.a2{background:#ffecd2}.b1{background:#e7e0f4}.level-page{padding:55px 0}.level-head{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.level-head h1{margin:8px 0;font-size:40px}.level-head p{color:var(--muted)}.category-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.category-card{border:1px solid var(--line);min-height:160px;color:var(--ink);cursor:pointer;text-align:right;background:#fff;border-radius:15px;padding:18px}.category-card.done{background:#e4f3eb;border-color:#86c6ab}.category-card .category-icon{font-size:28px}.category-card strong,.category-card small{display:block}.category-card strong{margin:15px 0 6px}.category-card small{color:var(--muted);line-height:1.5}.level-footer{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-top:30px;padding:22px;display:flex}.exam-button{background:var(--green);color:#fff;border-radius:10px;padding:13px 20px;font-weight:700;text-decoration:none}.exam-button.disabled{color:#74857d;pointer-events:none;background:#cbd6d0}.exam-note{color:var(--muted);font-size:13px}@media (max-width:900px){.levels-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.level-head,.level-footer{display:block}.exam-button{margin-top:15px;display:inline-block}}@media (max-width:520px){.category-grid{grid-template-columns:1fr}.levels-heading h1{font-size:33px}}
.action-card.opi{position:relative}.opi-page,.mock-page{padding:55px 0 80px}.opi-page h1,.mock-page h1{max-width:780px;margin:12px 0;font-size:42px}.lead{max-width:760px;color:var(--muted);font-size:18px;line-height:2}.opi-options{grid-template-columns:repeat(2,1fr);gap:18px;margin:35px 0;display:grid}.opi-option{min-height:220px;color:var(--ink);border-radius:22px;flex-direction:column;gap:12px;padding:28px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 28px #173d5a12}.opi-option:hover{transform:translateY(-5px);box-shadow:0 18px 34px #173d5a1c}.opi-option span{font-size:34px}.opi-option strong{font-size:23px}.opi-option small{color:#557268;line-height:1.9}.opi-option b{color:var(--green);margin-top:auto}.opi-option.lessons{background:linear-gradient(135deg,#e2f4e9,#cce9dd)}.opi-option.booking{background:linear-gradient(135deg,#fff2d6,#f7dbad)}.opi-info,.booking-card,.teacher-bio{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px;box-shadow:0 12px 25px #173d5a0b}.opi-info h2,.teacher-bio h2,.booking-card h2{margin-top:0}.opi-info p,.teacher-bio p{color:var(--muted);line-height:1.9}.opi-facts{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.opi-facts div{background:#f6f3ea;border-radius:14px;padding:15px}.opi-facts b,.opi-facts span{display:block}.opi-facts b{color:var(--green);margin-bottom:7px}.opi-facts span{color:var(--muted);font-size:14px}.mock-layout{grid-template-columns:260px 1fr;align-items:start;gap:35px;margin-top:25px;display:grid}.teacher-photo-wrap{background:#eee;border-radius:24px;overflow:hidden;box-shadow:0 14px 28px #173d5a18}.teacher-photo{object-fit:cover;object-position:center top;width:100%;height:330px;display:block}.booking-card{max-width:680px;margin-top:25px}.booking-card p{color:var(--muted);line-height:1.9}.primary-button{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:11px;margin-top:10px;padding:14px 20px;font-weight:700}.teacher-bio{margin-top:30px}.teacher-bio p{margin-bottom:10px}@media (max-width:700px){.opi-page,.mock-page{padding:35px 0 55px}.opi-page h1,.mock-page h1{font-size:32px}.opi-options,.mock-layout,.opi-facts{grid-template-columns:1fr}.teacher-photo{height:280px}.opi-info,.booking-card,.teacher-bio{padding:20px}}
.placement-shell{padding-bottom:60px}.placement-card,.placement-result{border:1px solid var(--line);background:#fff;border-radius:24px;max-width:860px;margin:42px auto;padding:32px;box-shadow:0 18px 40px #173d5a12}.placement-meta{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.progress-track{background:#e9eee9;border-radius:99px;height:9px;margin:16px 0 34px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,var(--green),var(--saffron));border-radius:inherit;height:100%;transition:width .25s;display:block}.placement-card h1{margin:12px 0 22px;font-size:32px;line-height:1.65}.reading-passage{border-right:4px solid var(--saffron);background:#f7f5ef;border-radius:12px;margin-bottom:24px;padding:20px;font-size:19px;line-height:2}.audio-box{background:#eef6f1;border-radius:14px;gap:8px;margin:20px 0;padding:18px;display:grid}.audio-box audio{width:100%}.audio-box small{color:var(--muted)}.placement-options{gap:11px;margin:22px 0;display:grid}.placement-options button,.placement-input,.placement-textarea{font:inherit}.placement-options button{text-align:right;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;padding:15px;transition:all .2s}.placement-options button:hover,.placement-options button.selected{border-color:var(--green);background:#e7f4ec}.placement-input,.placement-textarea{box-sizing:border-box;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:15px}.placement-textarea{resize:vertical;min-height:180px;line-height:1.9}.word-counter{color:var(--muted);margin-top:8px;display:block}.recording-box{background:#fff7df;border:1px solid #f0d28b;border-radius:15px;margin:20px 0;padding:22px}.recording-box p{color:#725a20}.recording-box span{color:var(--green);margin-top:12px;display:block}.record-button{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:13px 18px;font-weight:700}.record-button.recording{background:var(--terracotta)}.placement-actions{justify-content:space-between;gap:12px;margin-top:30px;display:flex}.placement-actions button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:13px 22px;font-weight:700}.placement-actions button:disabled{opacity:.45;cursor:not-allowed}.primary-button{background:var(--green);color:#fff}.secondary-button{color:var(--ink);background:#edf1ee}.placement-error{color:#a43f31;background:#fff0ed;border-radius:10px;padding:12px}.recommended-level{width:max-content;color:var(--green);background:#e7f4ec;border-radius:16px;gap:8px;margin:25px 0;padding:20px 35px;display:grid}.recommended-level strong{font-size:44px}.placement-result p{color:var(--muted);line-height:1.9}.skill-results{grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0;display:grid}.skill-results div{background:#f7f5ef;border-radius:12px;gap:8px;padding:15px;display:grid}.skill-results b{color:var(--green);font-size:20px}.placement-result .actions{align-items:center;gap:20px;display:flex}@media (max-width:650px){.placement-card,.placement-result{border-radius:16px;margin:20px 0;padding:20px}.placement-card h1{font-size:25px}.placement-meta{gap:8px;display:grid}.skill-results{grid-template-columns:repeat(2,1fr)}.placement-result .actions{gap:12px;display:grid}}
.action-card.darija{background:linear-gradient(135deg,#e8f3d9,#d0e7bd);border-color:#aacd86}.action-card.darija span{color:#527c32}.darija-page{padding:40px 0 70px}.darija-heading{text-align:center;max-width:700px;margin:35px auto}.darija-heading h1{margin:10px 0;font-size:40px}.darija-heading p{color:var(--muted);line-height:1.9}.darija-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.darija-lesson{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:15px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:17px;text-decoration:none;transition:all .2s;display:grid}.darija-lesson:hover:not(.locked){transform:translateY(-3px);box-shadow:0 12px 24px #173d5a12}.darija-lesson.locked{opacity:.52;cursor:not-allowed}.darija-lesson.done{background:#f0f9f0;border-color:#83bd91}.lesson-number{color:#477536;background:#e6f2dc;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.darija-lesson strong,.darija-lesson small{display:block}.darija-lesson small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.6}.lesson-status{color:var(--green);white-space:nowrap;font-size:12px}.lesson-view{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:850px;margin:25px auto;padding:28px}.lesson-view h1{margin:8px 0;font-size:38px}.lesson-view>p{color:var(--muted);line-height:1.9}.video-frame,.video-placeholder{background:#142b24;border-radius:16px;margin:25px 0;overflow:hidden}.video-frame{aspect-ratio:16/9}.video-frame iframe{border:0;width:100%;height:100%}.video-placeholder{text-align:center;color:#d8eee0;place-items:center;min-height:260px;line-height:2;display:grid}.video-placeholder small{color:#9fc3ac}.lesson-questions{border-top:1px solid var(--line);padding-top:25px}.lesson-questions h2{margin-top:0}.darija-question{gap:9px;margin:20px 0;display:grid}.darija-question strong{line-height:1.8}.darija-question button{text-align:right;border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:12px}.darija-question button.selected{background:#e6f3e9;border-color:#71b284}.lesson-message{color:#765819;background:#fff3d8;border-radius:10px;padding:12px}.locked-page{text-align:center;padding:100px 20px}.locked-page p{color:var(--muted)}@media (max-width:760px){.darija-grid{grid-template-columns:1fr}.darija-heading h1{font-size:31px}.darija-lesson{grid-template-columns:42px 1fr}.lesson-status{grid-column:2}.lesson-view{padding:20px}.lesson-view h1{font-size:31px}}
.tutor-page{padding-bottom:70px}.tutor-header{justify-content:space-between;align-items:center;gap:20px;padding:55px 0 30px;display:flex}.tutor-header h1{margin:10px 0;font-size:42px}.tutor-header p{color:var(--muted);line-height:1.8}.tutor-profile{background:var(--mint);border-radius:16px;min-width:170px;padding:18px 22px}.tutor-profile strong,.tutor-profile span{display:block}.tutor-profile span{color:var(--green);margin-top:7px;font-size:13px}.tutor-layout{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}.tutor-sidebar{gap:16px;display:grid}.tutor-sidebar label{color:var(--muted);gap:8px;font-size:13px;display:grid}.tutor-sidebar select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:13px}.context-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;line-height:1.7}.context-card p{color:var(--muted);margin:8px 0;font-size:13px}.context-card ul{color:var(--muted);padding-right:20px;font-size:13px}.chat-panel{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:520px;display:flex;overflow:hidden}.chat-messages{flex:1;gap:15px;min-height:420px;padding:22px;display:grid}.chat-message{align-items:flex-start;gap:10px;max-width:80%;display:flex}.chat-message span{background:var(--mint);width:30px;height:30px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.chat-message p{white-space:pre-wrap;background:#f4f6f2;border-radius:15px;margin:0;padding:12px 15px;line-height:1.9}.chat-message.user{flex-direction:row-reverse;margin-right:auto}.chat-message.user span{background:var(--green);color:#fff}.chat-message.user p{background:#e2f1e9}.chat-form{border-top:1px solid var(--line);gap:10px;padding:15px;display:flex}.chat-form input{border:1px solid var(--line);font:inherit;border-radius:10px;flex:1;padding:13px}.chat-form .button{white-space:nowrap}.tutor-error{color:#a34d42;padding:0 18px 16px}@media (max-width:760px){.tutor-header{padding:35px 0 20px;display:block}.tutor-header h1{font-size:32px}.tutor-profile{margin-top:18px}.tutor-layout{grid-template-columns:1fr}.chat-panel{min-height:500px}.chat-messages{min-height:380px}.chat-message{max-width:92%}}.mode-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;padding:16px;line-height:1.6;display:grid}.mode-card strong{font-size:13px}.mode-card small{color:var(--muted);font-size:11px}.mode-switch{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px;display:grid}.mode-button,.voice-button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:10px}.mode-button.active,.voice-button.listening{border-color:var(--green);background:var(--mint);color:var(--green)}.voice-button{white-space:nowrap}.voice-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:520px){.chat-form{flex-wrap:wrap}.chat-form input{min-width:100%}.chat-form .button,.voice-button{flex:1}}
.booking-page{padding-bottom:80px}.booking-heading{max-width:760px;padding:45px 0 28px}.booking-heading h1{margin:10px 0;font-size:44px}.booking-heading p{color:var(--muted);line-height:1.9}.booking-form{gap:18px;max-width:900px;display:grid}.booking-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 25px #173d5a08}.booking-card h2{margin:0 0 18px;font-size:20px}.choice-grid{gap:12px;display:grid}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-card,.teacher-choice,.skill-chip{border:1px solid var(--line);text-align:right;cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:14px}.choice-card{gap:8px;padding:18px;display:grid}.choice-card small,.teacher-choice small{color:var(--muted);line-height:1.6}.choice-card.selected,.teacher-choice.selected,.skill-chip.selected{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 2px #276c5522}.skills-grid{grid-template-columns:repeat(4,1fr)}.skill-chip{text-align:center;padding:13px}.teacher-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.teacher-choice{align-items:flex-start;gap:14px;padding:14px;display:flex}.teacher-choice img,.teacher-initial{object-fit:cover;border-radius:14px;flex:none;width:70px;height:70px}.teacher-initial{background:var(--mint);color:var(--green);place-items:center;font-size:32px;font-weight:700;display:grid}.teacher-choice>span:last-child{gap:4px;display:grid}.booking-fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.booking-fields label{color:var(--muted);gap:7px;font-size:13px;display:grid}.booking-fields input,.booking-fields select,.slot-row select,.booking-card textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:13px}.booking-note{color:var(--muted);font-size:13px}.slot-list{gap:10px;display:grid}.slot-row{grid-template-columns:80px 1fr 1fr;align-items:center;gap:10px;display:grid}.slot-row span{color:var(--muted);font-size:13px}.booking-card textarea{resize:vertical}.booking-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.booking-actions p{margin:0}.booking-error{color:#a34d42}.success-text{color:var(--green);font-weight:700}@media (max-width:700px){.booking-heading h1{font-size:34px}.choice-grid.two,.teacher-grid,.booking-fields{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.booking-card{padding:18px}.slot-row{grid-template-columns:1fr 1fr}.slot-row span{grid-column:1/-1}}