@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
:root{--navy:#20235b;--navy-deep:#0e1033;--cyan:#00aced;--cyan-dark:#0090c9;--teal:#54c3a7;--gold:#dfa73a;--surface:#f9fafc;--text:#4a4d6a;--muted:#6a6d82;--border:#20235b24;--error:#c53d3d}*{box-sizing:border-box}html,body{min-height:100%;color:var(--navy);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Poppins,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}.page-shell{background:linear-gradient(#20235b09 1px, transparent 1px), linear-gradient(90deg, #20235b09 1px, transparent 1px), var(--surface);background-size:44px 44px;min-height:100dvh;padding:24px}.form-card{background:#fff;border:1px solid #20235b29;border-radius:18px;width:min(100%,760px);margin:0 auto;overflow:hidden;box-shadow:0 4px 10px #20235b1a,0 24px 50px -14px #20235b4d}.form-header{color:#fff;background:radial-gradient(700px 260px at 100% 0%, #00aced38, transparent 62%), linear-gradient(135deg, var(--navy-deep), var(--navy));border-bottom:4px solid var(--gold);gap:24px;padding:30px;display:grid}.form-header img{width:170px;height:auto}.form-header span{color:var(--cyan);letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.form-header h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(1.85rem,5vw,2.7rem);font-weight:700;line-height:1.12}.form-body{padding:30px}.hubspot-form-shell{min-height:420px}.hubspot-form-shell .hbspt-form,.hubspot-form-shell form{font-family:Poppins,ui-sans-serif,system-ui,sans-serif}.hubspot-form-shell .hs-form{gap:20px;display:grid}.hubspot-form-shell .hs-form-field{margin:0 0 20px}.hubspot-form-shell label{color:var(--navy);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.hubspot-form-shell .hs-form-required{color:var(--error)}.hubspot-form-shell .hs-input{min-height:48px;color:var(--navy);border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;padding:13px 14px;font-size:.9rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;width:100%!important}.hubspot-form-shell textarea.hs-input{resize:vertical;min-height:116px}.hubspot-form-shell .hs-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00aced24}.hubspot-form-shell .inputs-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hubspot-form-shell .inputs-list label{align-items:center;gap:10px;margin:0;font-weight:500;display:flex}.hubspot-form-shell input[type=radio],.hubspot-form-shell input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan)}.hubspot-form-shell .hs-button{cursor:pointer;color:#fff;background:linear-gradient(90deg, var(--cyan), var(--cyan-dark));border:1px solid #ffffff4d;border-radius:999px;min-width:132px;padding:14px 28px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 14px 36px -10px #00aced73}.hubspot-form-shell .hs-button:hover{transform:translateY(-2px);box-shadow:0 22px 48px -14px #00acedb3}.hubspot-form-shell .hs-error-msgs{color:var(--error);margin:8px 0 0;padding:0;font-size:.78rem;line-height:1.5;list-style:none}.hubspot-form-shell .submitted-message,.embed-error{color:var(--navy);background:#54c3a71a;border:1px solid #54c3a74d;border-radius:16px;margin:0;padding:16px;font-size:.9rem;font-weight:500;line-height:1.6}.embed-error{color:#8f2626;background:#c53d3d1a;border-color:#c53d3d40}.lessons-form,.form-grid{gap:20px;display:grid}.field{display:block}.field-label{color:var(--navy);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.required{color:var(--error)}.helper{color:var(--muted);margin:-2px 0 8px;font-size:.78rem;line-height:1.6;display:block}.form-input{width:100%;min-height:48px;color:var(--navy);border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;padding:13px 14px;font-size:.9rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffffa6}textarea.form-input{resize:vertical;min-height:116px}.form-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00aced24,inset 0 1px #ffffffa6}.rating-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.rating-option{cursor:pointer;border:1px solid var(--border);height:48px;color:var(--navy);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:border-color .2s,background .2s,color .2s,transform .2s;display:flex;position:relative}.rating-option:hover{border-color:#00aceda6}.rating-option:active,.submit-button:active{transform:translateY(1px)}.rating-option:has(input:checked){color:#fff;border-color:var(--cyan);background:var(--cyan);box-shadow:0 14px 36px -10px #00aced73}.rating-option input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.error-message,.success-message{border-radius:16px;padding:16px;font-size:.9rem;font-weight:500;line-height:1.6}.error-message{color:#8f2626;background:#c53d3d1a;border:1px solid #c53d3d40}.success-message{color:var(--navy);background:#54c3a71a;border:1px solid #54c3a74d}.success-message span{color:var(--teal);letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.success-message strong{margin-top:10px;font-size:1.2rem;display:block}.success-message p{color:var(--text);margin:10px 0 0}.submit-button{cursor:pointer;color:#fff;background:linear-gradient(90deg, var(--cyan), var(--cyan-dark));border:1px solid #ffffff4d;border-radius:999px;justify-self:start;min-width:132px;padding:14px 28px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 14px 36px -10px #00aced73}.submit-button:hover{transform:translateY(-2px);box-shadow:0 22px 48px -14px #00acedb3}.submit-button:disabled{cursor:not-allowed;opacity:.62;transform:none}@media (min-width:640px){.page-shell{padding:36px}.form-header{grid-template-columns:auto 1fr;align-items:end;padding:34px 38px}.form-body{padding:38px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.page-shell{padding:12px}.form-card{border-radius:14px}.form-header,.form-body{padding:22px}.rating-grid{gap:6px}}
