:root{--ma-bg:#fdf2f8;--ma-bg-alt:#fce7f3;--ma-ink:#1e1033;--ma-ink-soft:#5b4a72;--ma-ink-muted:#8b7a9e;--ma-line:rgba(59,7,100,.1);--ma-brand:#5b21b6;--ma-brand-light:#ede9fe;--ma-brand-dark:#3b0764;--ma-accent:#f0abfc;--ma-card:#fffbfe;--ma-shadow:0 1px 2px rgba(59,7,100,.05),0 12px 40px -12px rgba(59,7,100,.14);--ma-radius:16px;--ma-font-display:"Playfair Display",Georgia,serif;--ma-font-body:"Source Sans 3",system-ui,sans-serif}.ma-page{font-family:var(--ma-font-body);color:var(--ma-ink);background:var(--ma-bg);-webkit-font-smoothing:antialiased;min-height:100vh}.ma-page *,.ma-page :before,.ma-page :after{box-sizing:border-box}.ma-page h1,.ma-page h2,.ma-page h3{font-family:var(--ma-font-display);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.15}.ma-page a{color:inherit;text-decoration:none}.ma-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.ma-split-left{background:linear-gradient(160deg,var(--ma-brand-dark)0%,var(--ma-brand)55%,#7c3aed 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.ma-split-left:before{content:"";pointer-events:none;background:radial-gradient(70% 55% at 15% 90%,rgba(240,171,252,.22),transparent),radial-gradient(55% 45% at 95% 5%,rgba(255,255,255,.1),transparent);position:absolute;top:0;bottom:0;left:0;right:0}.ma-split-left-inner{z-index:1;position:relative}.ma-split-right{background:var(--ma-bg);flex-direction:column;justify-content:center;padding:3rem;display:flex}.ma-back{color:rgba(255,255,255,.75);align-items:center;gap:.4rem;margin-bottom:3rem;font-size:.875rem;font-weight:500;transition:color .15s;display:inline-flex}.ma-back:hover{color:#fff}.ma-brand-row{margin-bottom:3rem}.ma-brand-row span{font-family:var(--ma-font-display);color:#fff;font-size:1.5rem;font-weight:600}.ma-quote h2{color:#fff;max-width:18ch;margin-bottom:1rem;font-size:max(1.75rem,min(3vw,2.5rem))}.ma-quote h2 em{color:var(--ma-accent);font-style:italic}.ma-quote p{color:rgba(255,255,255,.82);max-width:38ch;margin:0;font-size:1.05rem;line-height:1.7}.ma-left-footer{z-index:1;color:rgba(255,255,255,.45);font-size:.8rem;position:relative}.ma-perks{flex-direction:column;gap:.85rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.ma-perks li{color:rgba(255,255,255,.88);align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;display:flex}.ma-perks li svg{color:var(--ma-accent);flex-shrink:0;margin-top:.15rem}.ma-login-panel{width:min(460px,100%);margin-left:auto;margin-right:auto}.ma-panel-header{margin-bottom:2rem}.ma-login-panel h1{letter-spacing:-.02em;color:var(--ma-brand-dark);margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.ma-sub-heading{color:var(--ma-ink-soft);margin:0;font-size:1.02rem;line-height:1.5}.ma-role-list{flex-direction:column;gap:1.15rem;display:flex}.ma-role-btn{background:var(--ma-card);border:1.5px solid var(--ma-line);cursor:pointer;text-align:left;width:100%;font-family:var(--ma-font-body);border-radius:16px;align-items:center;gap:1.15rem;padding:1.25rem 1.35rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px rgba(0,0,0,.02)}.ma-role-btn:hover{border-color:rgba(91,33,182,.35);transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(91,33,182,.12)}.ma-role-btn-student:hover{border-color:#6366f1}.ma-role-btn-teacher:hover{border-color:#10b981}.ma-role-btn-principal:hover{border-color:#f59e0b}.ma-role-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:transform .2s;display:flex}.ma-role-btn:hover .ma-role-icon{transform:scale(1.05)}.ma-role-icon-student{color:#4338ca;background:#eef2ff}.ma-role-icon-teacher{color:#047857;background:#ecfdf5}.ma-role-icon-principal{color:#b45309;background:#fef3c7}.ma-role-text{flex:1;min-width:0}.ma-role-title-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.ma-role-text h3{font-family:var(--ma-font-body);color:var(--ma-ink);margin:0;font-size:1.05rem;font-weight:700}.ma-role-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:700;line-height:1}.ma-role-tag-student{color:#3730a3;background:#e0e7ff}.ma-role-tag-teacher{color:#065f46;background:#d1fae5}.ma-role-tag-principal{color:#92400e;background:#fef3c7}.ma-role-text p{color:var(--ma-ink-muted);margin:0;font-size:.85rem;line-height:1.4}.ma-role-arrow{color:var(--ma-ink-muted);flex-shrink:0;margin-left:.5rem;transition:color .15s,transform .2s cubic-bezier(.16,1,.3,1)}.ma-role-btn:hover .ma-role-arrow{color:var(--ma-brand);transform:translate(4px)}.ma-signup-card{border-top:1px solid var(--ma-line);margin-top:2.75rem;padding-top:1.75rem}.ma-signup-note{text-align:center;color:var(--ma-ink-soft);margin:0;font-size:.95rem}.ma-signup-link{color:var(--ma-brand);font-weight:700;transition:color .15s}.ma-signup-link:hover{color:var(--ma-brand-dark);text-decoration:underline}.ma-form-panel{width:min(420px,100%);margin-left:auto;margin-right:auto}.ma-form-badge{background:var(--ma-brand-light);color:var(--ma-brand-dark);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.3rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.ma-form-panel h1{color:var(--ma-brand-dark);margin-bottom:.4rem;font-size:1.85rem}.ma-form-panel>.ma-form-sub{color:var(--ma-ink-soft);margin:0 0 2rem;font-size:.95rem}.ma-form-card{background:var(--ma-card);border:1px solid var(--ma-line);border-radius:calc(var(--ma-radius) + 4px);box-shadow:var(--ma-shadow);padding:2rem}.ma-field{margin-bottom:1.15rem}.ma-field label{color:var(--ma-ink);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.ma-field label span{color:#c0392b}.ma-input-wrap{position:relative}.ma-input-wrap>svg{color:var(--ma-ink-muted);pointer-events:none;z-index:1;width:18px;height:18px;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.ma-input{border:1px solid var(--ma-line);width:100%;font-family:var(--ma-font-body);background:var(--ma-bg);color:var(--ma-ink);border-radius:12px;outline:none;padding:.8rem .9rem .8rem 2.6rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.ma-input.no-icon{padding-left:.9rem}.ma-input.has-toggle{padding-right:2.6rem}.ma-input:focus{border-color:var(--ma-brand);background:var(--ma-card);box-shadow:0 0 0 3px rgba(91,33,182,.12)}.ma-input.error{border-color:#e74c3c}.ma-input-toggle{color:var(--ma-ink-muted);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.ma-input-toggle:hover{color:var(--ma-ink);background-color:rgba(0,0,0,.05)}.ma-input-toggle svg{pointer-events:auto;width:18px;height:18px;position:static;left:auto;transform:none}.ma-field-error{color:#e74c3c;margin-top:.3rem;font-size:.8rem}.ma-error-banner{color:#c0392b;background:#fdf0ef;border:1px solid #f5c6c3;border-radius:12px;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.875rem}.ma-form-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.85rem;display:flex}.ma-form-row label{color:var(--ma-ink-soft);cursor:pointer;align-items:center;gap:.4rem;display:flex}.ma-form-row a{color:var(--ma-brand);font-weight:600}.ma-form-row a:hover{text-decoration:underline}.ma-btn{width:100%;font-family:var(--ma-font-body);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.ma-btn:disabled{opacity:.5;cursor:not-allowed}.ma-btn-primary{background:var(--ma-brand-dark);color:#fff;box-shadow:0 4px 16px rgba(59,7,100,.28)}.ma-btn-primary:hover:not(:disabled){background:var(--ma-brand)}.ma-spinner{border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite ma-spin}@keyframes ma-spin{to{transform:rotate(360deg)}}.ma-form-footer{border-top:1px solid var(--ma-line);text-align:center;margin-top:1.5rem;padding-top:1.25rem}.ma-form-footer a{color:var(--ma-ink-soft);align-items:center;gap:.3rem;font-size:.875rem;display:inline-flex}.ma-form-footer a:hover{color:var(--ma-brand)}.ma-form-note{color:var(--ma-ink-muted);text-align:center;margin-top:.75rem;font-size:.75rem}.ma-secure-tag{color:var(--ma-brand-dark);background:#fdf0f8;border:1px solid #f5d0fe;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.ma-demo-right{width:min(520px,100%);margin-left:auto;margin-right:auto}.ma-demo-header h1{color:var(--ma-brand-dark);margin-bottom:.4rem;font-size:1.85rem}.ma-demo-header p{color:var(--ma-ink-soft);margin:0 0 2rem}.ma-steps{gap:.5rem;margin-bottom:2rem;display:flex}.ma-step-dot{background:var(--ma-line);border-radius:99px;flex:1;height:3px}.ma-step-dot.done,.ma-step-dot.active{background:var(--ma-brand)}.ma-step-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ma-brand);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.ma-section-title{font-family:var(--ma-font-body);color:var(--ma-ink);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1rem;font-weight:600;display:flex}.ma-section-title svg{color:var(--ma-brand)}.ma-date-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.ma-date-btn{border:1px solid var(--ma-line);background:var(--ma-card);cursor:pointer;text-align:center;font-family:var(--ma-font-body);border-radius:12px;padding:.85rem .5rem;transition:border-color .15s,background .15s,box-shadow .15s}.ma-date-btn:hover:not(.selected){border-color:rgba(91,33,182,.3)}.ma-date-btn.selected{background:var(--ma-brand-dark);border-color:var(--ma-brand-dark);color:#fff;box-shadow:0 4px 16px rgba(59,7,100,.25)}.ma-date-btn .weekday{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:.2rem;font-size:.7rem;font-weight:600}.ma-date-btn .day-num{font-family:var(--ma-font-display);margin-bottom:.15rem;font-size:1.5rem;font-weight:600;line-height:1}.ma-date-btn .month{opacity:.7;font-size:.7rem}.ma-date-btn .today-tag{color:var(--ma-brand);margin-top:.25rem;font-size:.65rem;font-weight:600}.ma-date-btn.selected .today-tag{color:rgba(255,255,255,.8)}.ma-time-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;max-height:280px;display:grid;overflow-y:auto}.ma-time-btn{border:1px solid var(--ma-line);background:var(--ma-card);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--ma-font-body);border-radius:10px;padding:.6rem .4rem}.ma-time-btn:hover:not(:disabled):not(.selected){border-color:rgba(91,33,182,.3)}.ma-time-btn.selected{background:var(--ma-brand-dark);border-color:var(--ma-brand-dark);color:#fff}.ma-time-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.ma-summary-pill{background:var(--ma-brand-light);color:var(--ma-brand-dark);text-align:center;border-radius:12px;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.875rem}.ma-summary-pill-row{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;display:flex}.ma-summary-pill-row span{align-items:center;gap:.35rem;display:inline-flex}.ma-btn-row{gap:.75rem;margin-top:1.5rem;display:flex}.ma-btn-row .ma-btn-primary{flex:1}.ma-btn-ghost{color:var(--ma-ink-soft);border:1px solid var(--ma-line);background:0 0;width:auto}.ma-btn-ghost:hover{border-color:var(--ma-brand);color:var(--ma-brand)}.ma-btn-link{color:var(--ma-brand);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.ma-step-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.ma-success-wrap{background:var(--ma-bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.ma-success-card{background:var(--ma-card);border:1px solid var(--ma-line);border-radius:calc(var(--ma-radius) + 4px);text-align:center;width:min(440px,100%);box-shadow:var(--ma-shadow);padding:2.5rem}.ma-success-icon{background:var(--ma-brand-light);width:4rem;height:4rem;color:var(--ma-brand-dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.ma-success-card h2{color:var(--ma-brand-dark);margin-bottom:.75rem;font-size:1.75rem}.ma-success-card>p{color:var(--ma-ink-soft);margin:0 0 1.5rem}.ma-success-details{background:var(--ma-bg-alt);border-radius:12px;justify-content:center;gap:1.5rem;margin-bottom:1.25rem;padding:1rem;font-size:.9rem;font-weight:500;display:flex}.ma-success-details span{color:var(--ma-brand-dark);align-items:center;gap:.4rem;display:flex}.ma-success-notes{color:var(--ma-ink-muted);font-size:.85rem;line-height:1.8}@media (max-width:768px){.ma-split{grid-template-columns:1fr}.ma-split-left{min-height:auto;padding:2rem 1.5rem}.ma-split-right{padding:2rem 1.5rem}.ma-left-footer{display:none}}