:root{--teal-dark:#4a8ec2;--teal-light:#4a8ec2;--teal-faint:#e6f4ff;--yellow:#f4c430;--bg-color:#f9fbfb;--white:#fff;--text-main:#333;--text-muted:#777;--border-color:#ddd;--error:#e74c3c;--shadow:0 10px 30px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Poppins,sans-serif;line-height:1.6;display:flex}h2,h3{color:#222;font-family:Playfair Display,serif}.navbar{background:var(--white);justify-content:space-between;align-items:center;padding:20px 5%;display:flex;box-shadow:0 2px 10px #00000005}.navbar a{text-decoration:none}.portal-badge{background:var(--teal-faint);color:var(--teal-dark);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.section{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.form-container{background:var(--white);width:100%;max-width:600px;box-shadow:var(--shadow);border:1px solid #00000008;border-radius:20px;padding:40px}.form-header{text-align:center;margin-bottom:30px}.form-header h2{margin-bottom:5px;font-size:32px}.form-header p{color:var(--text-muted);font-size:14px}.progress-track{background:#eee;border-radius:10px;width:100%;height:6px;margin-bottom:35px;overflow:hidden}.progress-fill{background:var(--teal-dark);width:50%;height:100%;transition:width .4s}.form-step{animation:.4s fadeIn;display:none}.form-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px;position:relative}.full-width{width:100%!important}.grid-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}label{color:#444;margin-bottom:8px;font-size:14px;font-weight:500;display:block}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=time],select{border:1.3px solid var(--border-color);color:#333;background:#fff;border-radius:10px;width:100%;padding:12px 15px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s}input:focus,select:focus{border-color:var(--teal-dark);outline:none;box-shadow:0 0 0 3px #3a7f7f1a}.time-input-wrapper{align-items:center;gap:10px;display:flex}.period-select{flex:0 0 80px;width:auto!important}input.error,select.error{background-color:#fff8f8;border-color:var(--error)!important}.error-message,.error-text,.warning-text{color:var(--error);margin-top:5px;font-size:12px;display:block}.note{color:var(--text-muted);margin-top:5px;font-size:12px}.days-grid{flex-wrap:wrap;gap:10px;display:flex}.checkbox-tag{cursor:pointer;margin:0;position:relative}.checkbox-tag input{opacity:0;cursor:pointer;position:absolute}.checkbox-tag span{color:#666;background:#f4f4f4;border:1px solid #0000;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s;display:block}.checkbox-tag:hover span{background:#eee}.checkbox-tag input:checked+span{background:var(--teal-dark);color:#fff;box-shadow:0 4px 10px #3a7f7f4d}.form-actions{margin-top:30px;display:flex}.form-actions.right-align{justify-content:flex-end}.form-actions.between{justify-content:space-between}.btn{cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--teal-dark);color:#fff;border:none}.btn-primary:hover{background:#1a74bb;transform:translateY(-2px);box-shadow:0 5px 15px #3a7f7f33}.btn-outline{border:1px solid var(--teal-dark);color:var(--teal-dark);background:0 0}.btn-outline:hover{background:var(--teal-faint)}@media (max-width:500px){.form-container{padding:25px}.grid-row{grid-template-columns:1fr;gap:0}.days-grid{gap:8px}.checkbox-tag span{padding:6px 12px;font-size:12px}}