:root{--brand-orange: #f26522;--brand-orange-hover: #e05310;--brand-orange-light: #fff7ed;--brand-orange-subtle: #ffedd5;--brand-orange-dark: #c2410c;--brand-orange-glow: rgba(242, 101, 34, .25);--brand-black: #09090b;--brand-dark: #18181b;--brand-charcoal: #27272a;--brand-surface: #121215;--primary: #f26522;--primary-hover: #e05310;--primary-light: #fff7ed;--primary-dark: #c2410c;--dark-900: #09090b;--dark-800: #18181b;--dark-700: #27272a;--navy-900: #09090b;--navy-800: #18181b;--navy-700: #27272a;--slate-600: #52525b;--slate-500: #71717a;--slate-400: #a1a1aa;--slate-300: #d4d4d8;--slate-200: #e4e4e7;--slate-100: #f4f4f5;--slate-50: #fafafa;--white: #ffffff;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--dark-800);background:radial-gradient(circle at top center,#fffbf7,#f7f7f8,#ececed);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.25rem 4rem}.navbar{background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:2px solid #f4f4f5;position:sticky;top:0;z-index:50;transition:all .2s ease;box-shadow:0 2px 10px #00000005;height:102px;display:flex;align-items:center}.nav-wrapper{max-width:1200px;width:100%;margin:0 auto;padding:0 1.25rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo-container{display:flex;align-items:center;text-decoration:none}.logo-img{height:80px;max-height:84px;max-width:320px;width:auto;object-fit:contain;display:block;transition:transform .2s ease}.logo-img:hover{transform:scale(1.02)}.nav-actions{display:flex;align-items:center;gap:.75rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;border-radius:var(--radius-full);background:var(--slate-100);color:var(--slate-600);border:1px solid var(--slate-200);transition:all .2s ease}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background-color:var(--success);box-shadow:0 0 8px #10b98199}.status-dot.disconnected{background-color:var(--danger);box-shadow:0 0 8px #ef444499}.status-dot.connecting{background-color:var(--warning);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.hero-banner{text-align:center;margin-bottom:2.5rem;padding:1.25rem 0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.15rem;background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-full);font-size:.85rem;font-weight:700;letter-spacing:.04em;margin-bottom:1.2rem;border:1px solid rgba(242,101,34,.25);box-shadow:0 2px 8px #f2652214}.hero-title{font-size:2.35rem;font-weight:800;color:var(--dark-900);line-height:1.2;letter-spacing:-.03em;margin-bottom:.85rem}.hero-title span{background:linear-gradient(135deg,#f26522,#ea580c 60%,#c2410c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.05rem;color:var(--slate-600);max-width:680px;margin:0 auto;line-height:1.6}.form-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 992px){.form-layout{grid-template-columns:1fr 340px;align-items:start}}.form-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:0 10px 30px -5px #0000000f;overflow:hidden;position:relative}.card-header-bar{background:linear-gradient(90deg,#f26522,#18181b);height:6px;width:100%}.form-body{padding:2.25rem}@media (max-width: 640px){.form-body{padding:1.25rem}}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--slate-100)}.section-icon-box{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;border:1px solid rgba(242,101,34,.2)}.section-title{font-size:1.15rem;font-weight:800;color:var(--dark-900)}.section-desc{font-size:.85rem;color:var(--slate-500)}.grid-2{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}@media (min-width: 640px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}@media (min-width: 640px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.form-label{font-size:.88rem;font-weight:600;color:var(--dark-800);display:flex;align-items:center;gap:.25rem}.required-asterisk{color:var(--primary);font-weight:700}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;color:var(--dark-900);background-color:var(--slate-50);border:1.5px solid var(--slate-300);border-radius:var(--radius-sm);outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px #f265222e}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--danger);background-color:#fff8f8}.input-error-msg{font-size:.78rem;color:var(--danger);margin-top:.2rem;font-weight:500}.gender-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.gender-option{position:relative}.gender-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.gender-label{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .75rem;background:var(--slate-50);border:1.5px solid var(--slate-200);border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--dark-800);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.gender-label:hover{border-color:var(--slate-400)}.gender-option input[type=radio]:checked+.gender-label{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark);box-shadow:0 0 0 1px var(--primary)}.course-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.course-count-badge{font-size:.82rem;font-weight:700;color:var(--primary-dark);background:var(--primary-light);padding:.3rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(242,101,34,.2)}.course-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 640px){.course-grid{grid-template-columns:1fr 1fr}}.course-card{position:relative;display:flex;align-items:flex-start;gap:.85rem;padding:1.1rem;background:var(--white);border:2px solid var(--slate-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.course-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px #f265221a}.course-card.selected{border-color:var(--primary);background:linear-gradient(180deg,#fffbf7,#fff);box-shadow:0 4px 14px #f2652224}.course-checkbox-box{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:2px solid var(--slate-300);background:var(--white);display:flex;align-items:center;justify-content:center;margin-top:2px;transition:all .15s ease}.course-card.selected .course-checkbox-box{background:var(--primary);border-color:var(--primary);color:var(--white)}.course-info{flex:1}.course-title{font-size:.95rem;font-weight:700;color:var(--dark-900);margin-bottom:.25rem}.course-desc{font-size:.8rem;color:var(--slate-500);line-height:1.4;margin-bottom:.5rem}.course-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.meta-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;background:var(--slate-100);color:var(--slate-600)}.meta-tag.accent{background:var(--brand-orange-light);color:var(--brand-orange-dark);border:1px solid rgba(242,101,34,.2)}.summary-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:0 10px 25px -5px #00000012;padding:1.6rem;position:sticky;top:118px}.summary-title{font-size:1.15rem;font-weight:800;color:var(--dark-900);margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.summary-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.summary-item{display:flex;justify-content:space-between;font-size:.88rem;color:var(--slate-600);padding-bottom:.5rem;border-bottom:1px dashed var(--slate-200)}.summary-item strong{color:var(--dark-900)}.selected-courses-summary{margin-bottom:1.5rem}.selected-courses-summary-title{font-size:.82rem;font-weight:700;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.course-chips-container{display:flex;flex-direction:column;gap:.4rem;max-height:180px;overflow-y:auto}.course-chip{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;background:var(--primary-light);color:var(--primary-dark);padding:.45rem .7rem;border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.empty-course-placeholder{font-size:.85rem;color:var(--slate-400);font-style:italic;padding:.5rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#f26522,#ea580c);color:var(--white);box-shadow:0 4px 12px #f2652259}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 6px 16px #f2652273;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-dark{background:var(--dark-900);color:var(--white)}.btn-dark:hover{background:var(--dark-700)}.btn-secondary{background:var(--slate-100);color:var(--dark-800);border:1px solid var(--slate-200)}.btn-secondary:hover{background:var(--slate-200);color:var(--dark-900)}.btn-block{width:100%}.btn-sm{padding:.4rem .75rem;font-size:.82rem}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9rem}.alert-danger{background-color:var(--danger-light);border:1px solid #fca5a5;color:#991b1b}.alert-success{background-color:var(--success-light);border:1px solid #6ee7b7;color:#065f46}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09090ba6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:fadeIn .2s ease}.modal-content{background:var(--white);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalPop .25s cubic-bezier(.16,1,.3,1);padding:2.25rem;position:relative}.modal-drawer{background:var(--white);border-radius:var(--radius-lg) 0 0 var(--radius-lg);max-width:760px;width:100%;height:100vh;position:fixed;right:0;top:0;overflow-y:auto;box-shadow:0 25px 50px -12px #0000004d;padding:2rem;z-index:101;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.success-header{text-align:center;margin-bottom:1.5rem}.success-icon-circle{width:68px;height:68px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:2px solid rgba(242,101,34,.25)}.success-title{font-size:1.5rem;font-weight:800;color:var(--dark-900)}.success-subtitle{color:var(--slate-600);font-size:.95rem}.confirmation-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.confirm-row{display:flex;justify-content:space-between;font-size:.88rem;padding:.4rem 0;border-bottom:1px solid var(--slate-200)}.confirm-row:last-child{border-bottom:none}.confirm-label{color:var(--slate-500);font-weight:500}.confirm-val{color:var(--dark-900);font-weight:600;text-align:right}.app-footer{background:var(--dark-900);color:var(--slate-400);border-top:1px solid var(--dark-700);padding:2rem 1.25rem;margin-top:auto;font-size:.85rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}@media (min-width: 640px){.footer-content{flex-direction:row;justify-content:space-between}}