.hero{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 4.5rem);padding:2rem 1.25rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:linear-gradient(#0a101c47 0%,#0a101c61 100%),radial-gradient(circle at 20% 20%,#ffffff38,#0000 35%);position:absolute;inset:0}.hero-content{-webkit-backdrop-filter:blur(18px);z-index:1;background:#ffffffc7;border:1px solid #fff6;border-radius:24px;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:980px;padding:2.75rem;display:flex;box-shadow:0 25px 60px #00000029,0 8px 24px #1c244b14}.agenda-header{text-align:center;width:100%;margin-bottom:.25rem}.agenda-title{letter-spacing:-.03em;color:#1c244b;margin-bottom:.75rem;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1.1}.agenda-subtitle{color:#5f6e79;max-width:760px;margin:0 auto;font-size:1.08rem;line-height:1.7}.agenda-course-selector{align-items:center;gap:1.5rem;width:100%;max-width:320px;margin:0 auto 1rem;display:flex}.agenda-course-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.1rem;display:flex}.agenda-course-info-item{align-items:center;gap:.45rem;display:flex}.agenda-course-info-label{color:#5f6e79;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.agenda-course-info-value{color:#1c244b;font-size:1rem;font-weight:700}.agenda-course-info-select{color:#1c244b;cursor:pointer;appearance:auto;background:0 0;border:none;border-bottom:2px solid #1c244b;outline:none;padding:.1rem .25rem;font-size:1rem;font-weight:700}.agenda-course-info-divider{color:#b0bec5;-webkit-user-select:none;user-select:none;font-size:1.2rem}.agenda-balance{background:#1c244b0f;border:1px solid #1c244b14;border-radius:999px;justify-content:center;align-items:center;min-height:46px;margin-top:1.35rem;padding:.8rem 1.2rem;display:inline-flex;box-shadow:0 8px 20px #1c244b0d}.agenda-balance-text{color:#1c244b;font-size:1.05rem;font-weight:700}.agenda-no-instructor-notice{text-align:center;background:#1c244b0d;border:1px solid #1c244b1a;border-radius:12px;max-width:480px;margin-top:1.25rem;padding:.9rem 1.4rem}.agenda-no-instructor-notice p{color:#5f6e79;margin:0;font-size:.95rem;line-height:1.6}.agenda-no-instructor-notice strong{color:#1c244b}.agenda-form{flex-direction:column;align-items:center;gap:1.75rem;width:100%;display:flex}.form-section{justify-content:center;align-items:flex-start;gap:1.5rem;width:100%;display:flex}.form-section .form-group{width:calc(50% - .75rem)}.form-group{flex-direction:column;gap:.6rem;width:100%;display:flex}.form-label{color:#1c244b;letter-spacing:-.01em;font-size:1rem;font-weight:700}.form-select,.form-input{color:#111827;background:#fffffff2;border:1.5px solid #dbe2ea;border-radius:14px;width:100%;min-height:62px;padding:1rem 1.1rem;font-size:1rem;transition:border-color .25s,box-shadow .25s,transform .2s,background .25s;box-shadow:0 4px 14px #1c244b0a}.form-select:hover,.form-input:hover{border-color:#b9c5d3}.form-select:focus,.form-input:focus{background:#fff;border-color:#1580c2;outline:none;box-shadow:0 0 0 4px #1580c224}.form-select:disabled,.form-input:disabled{color:#9aa6b2;cursor:not-allowed;box-shadow:none;background:#f3f5f7}.form-help{color:#7b8794;margin-top:.1rem;padding-left:.15rem;font-size:.92rem;font-style:italic}.time-block{background:#fff9;border:1px solid #dbe2eacc;border-radius:18px;width:100%;padding:1.35rem;box-shadow:inset 0 1px #fff6}.time-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.85rem;margin-top:.4rem;display:grid}.time-button{color:#445468;cursor:pointer;background:#fff;border:1.5px solid #dbe2ea;border-radius:12px;min-height:48px;padding:.8rem 1rem;font-size:.95rem;font-weight:600;transition:all .25s;box-shadow:0 4px 10px #1c244b0a}.time-button:hover{color:#1c244b;background:#1580c20a;border-color:#1580c2;transform:translateY(-2px);box-shadow:0 10px 18px #1580c21f}.time-button.selected{background:var(--color-primary);color:#fff;border-color:#1c244b;transform:translateY(-2px);box-shadow:0 12px 24px #1c244b3d}.hero .confirm-button,.hero .blue-btn{color:#fff;letter-spacing:-.01em;cursor:pointer;justify-content:center;min-width:220px;min-height:56px;margin-top:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .25s,opacity .2s,filter .2s;display:flex;box-shadow:0 14px 28px #1580c238}.hero .confirm-button:hover:not(.disabled):not(:disabled),.hero .blue-btn:hover:not(.disabled):not(:disabled){filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 18px 32px #1580c247}.hero .confirm-button.disabled,.hero .blue-btn.disabled,.hero .confirm-button:disabled,.hero .blue-btn:disabled{cursor:not-allowed;opacity:.8;box-shadow:none;background:linear-gradient(135deg,#bcc5cf 0%,#a9b2bd 100%);transform:none}.loading-content{text-align:center;color:#5f6e79;padding:2rem 1rem}.loading-content h2{color:#1c244b;margin-bottom:.5rem;font-size:1.7rem;font-weight:800}.loading-text,.no-times-text{text-align:center;color:#6b7785;background:#ffffffb8;border:1px solid #e3e8ee;border-radius:14px;padding:1.25rem;font-style:italic;box-shadow:0 6px 16px #1c244b0a}.message{text-align:center;border-radius:14px;width:100%;margin-top:.5rem;padding:1rem 1.1rem;font-weight:600;animation:.3s ease-out slideIn;box-shadow:0 8px 18px #0000000a}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e3d}.message.error{color:#dc2626;background:#ef444414;border:1px solid #ef444438}.success-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background-color:#0b101c75;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.success-modal-content{text-align:center;background:#fffffff5;border:1px solid #fff9;border-radius:22px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2rem;animation:.25s ease-out slideUp;display:flex;box-shadow:0 24px 48px #0000002e,0 8px 20px #1c244b14}.success-modal-icon{color:#fff;background:linear-gradient(135deg,#1c244b 0%,#1580c2 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1rem;font-size:28px;font-weight:800;display:flex;box-shadow:0 12px 24px #1580c23d}.success-modal-title{color:#1c244b;letter-spacing:-.02em;margin-bottom:.65rem;font-size:1.55rem;font-weight:800}.success-modal-message{color:#5f6e79;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.success-modal-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1c244b 0%,#1580c2 100%);border:none;border-radius:12px;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .25s;box-shadow:0 12px 24px #1580c233}.success-modal-button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #1580c23d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.hero{padding:4rem .9rem 1.25rem}.hero-content{border-radius:20px;gap:1.5rem;width:100%;max-width:none;margin:0;padding:1.75rem}.agenda-title{font-size:2rem}.agenda-subtitle{font-size:1rem}.form-section{flex-direction:column;gap:1rem}.form-section .form-group{width:100%}.time-block{padding:1rem}.time-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.6rem}.time-button{min-height:44px;padding:.65rem .75rem;font-size:.84rem}.confirm-button,.blue-btn{width:100%;min-width:100%;font-size:1rem}.agenda-balance{border-radius:16px;width:100%;padding:.9rem 1rem}}@media screen and (max-width:480px){.hero-content{padding:1.3rem}.agenda-title{font-size:1.8rem}.agenda-subtitle{font-size:.96rem}.form-select,.form-input{min-height:56px;padding:.9rem 1rem;font-size:.96rem}.time-grid{grid-template-columns:repeat(3,1fr)}.success-modal-content{border-radius:18px;padding:1.5rem}.success-modal-title{font-size:1.35rem}}