html,body,#root{overflow-x:hidden;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}*{box-sizing:border-box}@keyframes spin{to{transform:rotate(360deg)}}.toast-notification-container{z-index:11000;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:90px;right:1rem}.toast-notification{pointer-events:auto;background:#1f2937;border:1px solid #374151;border-radius:8px;max-width:360px;padding:1rem;box-shadow:0 10px 15px -3px #0000004d}:root{--logo-bg:#f7f2ec;--logo-surface:#fffdfb;--logo-surface-soft:#f5efe9;--logo-border:#eadfd5;--logo-text:#2e2a26;--logo-text-soft:#665f5a;--logo-green:#7cb6a3;--logo-green-deep:#5ea18d;--logo-blue:#83abd8;--logo-gold:#d2b74a;--logo-peach:#f1a27a;--logo-teal:#7ecac2}html,body{min-height:100%;color:var(--logo-text);-webkit-font-smoothing:antialiased;background:linear-gradient(#f9f5f1 0%,#f3ece5 100%);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.system-loading-splash{background:linear-gradient(#f9f5f1 0%,#f1e9e1 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner-element{border:4px solid #7cb6a340;border-top-color:var(--logo-green);border-radius:50%;width:45px;height:45px;margin-bottom:1rem;animation:1s linear infinite spin}.auth-page-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#7ecac21f,#f1a27a14,#83abd81f);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card-layout{background-color:var(--logo-surface);border:1px solid var(--logo-border);box-sizing:border-box;border-radius:18px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 12px 30px #594a381f}.login-brand-title{color:var(--logo-green-deep);text-align:center;margin-top:0;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.auth-error-notification{color:#f85149;background-color:#f851491a;border:1px solid #f85149;border-radius:6px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.standard-login-form{flex-direction:column;gap:1.25rem;display:flex}.form-input-container{flex-direction:column;gap:.5rem;display:flex}.form-field-label{color:#8b949e;font-size:.85rem;font-weight:500}.plain-text-input{color:#c9d1d9;box-sizing:border-box;background-color:#0d1117;border:1px solid #30363d;border-radius:6px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.plain-text-input:focus{border-color:#58a6ff;outline:none}.form-submit-action-btn{color:#fff;cursor:pointer;background-color:#238636;border:1px solid #f0f6fc1a;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.95rem;font-weight:600;transition:background-color .2s}.form-submit-action-btn:hover:not(:disabled){background-color:#2ea44f}.form-submit-action-btn:disabled{opacity:.6;cursor:not-allowed}.portal-workspace-grid{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.portal-sidebar-panel{box-sizing:border-box;background-color:#161b22;border-right:1px solid #30363d;flex-direction:column;padding:1.5rem;display:flex}.portal-sidebar-title{color:#f0f6fc;border-left:3px solid #2ea44f;margin-bottom:2rem;padding-left:.5rem;font-size:1.25rem;font-weight:600}.portal-sidebar-links{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.sidebar-link-item{color:#8b949e;border-radius:6px;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s}.sidebar-link-item:hover{color:#c9d1d9;background-color:#21262d}.sidebar-link-item.active{color:#f0f6fc;background-color:#21262d;font-weight:500}.sidebar-disconnect-btn{color:#f85149;cursor:pointer;background-color:#0000;border:1px solid #f85149;border-radius:6px;padding:.65rem;font-size:.9rem;font-weight:500;transition:all .2s}.sidebar-disconnect-btn:hover{color:#fff;background-color:#f85149}.portal-main-workspace{background-color:#0d1117;flex-direction:column;display:flex}.portal-workspace-header{background-color:#161b22;border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.portal-workspace-header h2{color:#f0f6fc;margin:0;font-size:1.3rem;font-weight:600}.portal-user-pill-tag{color:#c9d1d9;background-color:#21262d;border:1px solid #30363d;border-radius:20px;padding:.4rem .8rem;font-size:.85rem}.portal-workspace-body-content{box-sizing:border-box;flex-direction:column;gap:2rem;width:100%;max-width:1200px;padding:2rem;display:flex}.portal-welcome-notification-card{background:linear-gradient(135deg,#1f293d 0%,#161b22 100%);border:1px solid #38445d;border-radius:8px;padding:1.75rem}@keyframes galleryScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes galleryPulse{0%,to{transform:scale(1)}40%,60%{transform:scale(1.08)}}.portal-welcome-notification-card h3{color:#58a6ff;margin-top:0;margin-bottom:.5rem;font-size:1.25rem}.portal-welcome-notification-card p{color:#8b949e;margin:0;font-size:.95rem;line-height:1.5}.portal-data-metrics-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.portal-metric-card{background-color:#161b22;border:1px solid #30363d;border-radius:8px;padding:1.5rem}.portal-metric-card h4{color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-top:0;margin-bottom:.75rem;font-size:.85rem}.portal-status-text,.portal-scope-text{color:#f0f6fc;margin:0;font-size:1.5rem;font-weight:600}.portal-status-text.active-status{color:#3fb950;align-items:center;gap:.5rem;display:flex}.portal-status-text.active-status:before{content:"";background-color:#3fb950;border-radius:50%;width:10px;height:10px;display:inline-block}.toast-notification-container{z-index:11000;pointer-events:none;flex-direction:column;gap:.75rem;width:min(100vw - 2rem,480px);display:flex;position:fixed;inset:auto auto 1.25rem 50%;transform:translate(-50%)}.toast-notification{pointer-events:auto;box-sizing:border-box;color:#fff;background:#17212b;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:.7rem;width:100%;padding:.9rem 1rem;font-size:.95rem;font-weight:700;line-height:1.4;display:flex;box-shadow:0 16px 36px #0f172a3d}.toast-status-icon,.cookie-consent-icon{text-align:center;flex:none;width:1.35rem;font-size:1.15rem}.toast-message-text{flex:1;min-width:0}.toast-notification.success{background:#17352a;border-color:#34d39973 #34d39973 #34d39973 #34d399;border-left-style:solid;border-left-width:4px}.toast-notification.success .toast-status-icon{color:#6ee7b7}.toast-notification.error{background:#3a2528;border-color:#f8717173 #f8717173 #f8717173 #f87171;border-left-style:solid;border-left-width:4px}.toast-notification.error .toast-status-icon{color:#fda4af}.toast-close-btn{appearance:none;color:#ffffffe6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:50%;flex:none;width:1.7rem;height:1.7rem;padding:0;font-size:1rem;line-height:1;transition:background-color .16s,border-color .16s}.toast-close-btn:hover{background:#ffffff2e;border-color:#ffffff73}.inspiring-paragraphs-carousel{flex-direction:column;align-items:center;gap:2rem;width:100%;margin-top:1.5rem;display:flex}.inspiring-cards-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:900px;margin:0 auto;display:grid}.inspiring-paragraph-card{background:linear-gradient(135deg,#161b22 0%,#0d1117 100%);border:1px solid #30363d;border-radius:12px;flex-direction:column;justify-content:center;min-height:260px;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.inspiring-paragraph-card:hover{border-color:#2ea44f;transform:translateY(-4px);box-shadow:0 8px 30px #2ea44f33}.inspiring-card-title{color:#2ea44f;margin:0 0 1rem;line-height:1.4}.inspiring-card-title-h1{letter-spacing:-.5px;font-size:2rem;font-weight:800}.inspiring-card-title-p{font-size:1.1rem;font-weight:600}.inspiring-card-text{color:#c9d1d9;margin:0;font-size:1rem;font-weight:400;line-height:1.7}.inspiring-card-text-h1{color:#2ea44f;margin-bottom:.75rem;font-size:2rem;font-weight:800;line-height:1.3}.inspiring-card-text-secondary{color:#c9d1d9;font-size:1.05rem;font-weight:600;line-height:1.6}.inspiring-paragraph-card-primary{min-height:300px}.inspiring-paragraph-card-secondary{min-height:240px}.inspiring-carousel-controls{justify-content:center;align-items:center;gap:2rem;width:100%;margin-top:1rem;display:flex}.inspiring-dots .dot{cursor:pointer;background:#30363d;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.inspiring-dots .dot.active{background:#2ea44f;width:20px}.inspiring-dots{align-items:center;gap:.75rem;display:flex}.inspiring-dots .dot{cursor:pointer;background:#30363d;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.inspiring-dots .dot:hover{background:#484f58;transform:scale(1.2)}.inspiring-dots .dot.active{background:#2ea44f;border-radius:6px;width:32px;box-shadow:0 0 10px #2ea44f66}@media (width<=768px){.inspiring-cards-container{grid-template-columns:1fr;gap:1rem}.inspiring-paragraph-card{min-height:240px;padding:1.5rem}.inspiring-card-text-h1{font-size:1.55rem;line-height:1.25}.inspiring-carousel-controls{gap:1rem}.inspiring-nav-btn{width:40px;height:40px;font-size:1rem}.inspiring-dots .dot{width:10px;height:10px}.inspiring-dots .dot.active{width:28px}}@media (width<=480px){.inspiring-cards-container{gap:.75rem}.inspiring-paragraph-card{min-height:220px;padding:1.25rem}.inspiring-card-title{font-size:1.1rem}.inspiring-card-text{font-size:.9rem;line-height:1.6}.inspiring-carousel-controls{gap:.75rem}.inspiring-nav-btn{width:36px;height:36px;font-size:.9rem}}.toast-notification{border-radius:14px;padding:.95rem 1rem;font-size:.95rem;font-weight:700;line-height:1.4;animation:.24s ease-out toast-slide-in;box-shadow:0 24px 60px #0000002e}.toast-notification.success{color:#fff;background-color:#17352a;border:1px solid #34d39973;border-left:4px solid #34d399}.toast-notification.error{color:#fff;background-color:#3a2528;border:1px solid #f8717173;border-left:4px solid #f87171}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=640px){.toast-notification-container{width:calc(100vw - 1.5rem);bottom:.85rem;left:50%;right:0}}.teens-registration-page{background:#f4f7f9;justify-content:center;align-items:flex-start;min-height:calc(100vh - 112px);padding:2.5rem 1rem 3rem;display:flex}.teens-registration-card{color:#111827;background:#fff;border-radius:28px;width:min(940px,100%);padding:2.5rem;box-shadow:0 20px 60px #0f172a1f}.teens-registration-header{margin-bottom:1.75rem}.teens-registration-badge{color:#2d6a5d;background:linear-gradient(135deg,#5aac802e,#7aa5d82e);border-radius:999px;margin-bottom:.75rem;padding:.4rem .75rem;font-size:.85rem;font-weight:700;display:inline-block}.teens-registration-header h1{color:#1f2d2a;margin:0 0 .5rem;font-size:2rem}.teens-registration-header p{color:#475569;margin:0;line-height:1.7}.teens-registration-form{flex-direction:column;gap:1rem;display:flex}.teens-registration-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.teens-step-tab{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #dfe7ee;border-radius:12px;align-items:center;gap:.6rem;padding:.7rem .8rem;font-weight:700;transition:all .2s;display:flex}.teens-step-tab.active{color:#214b3e;background:linear-gradient(135deg,#5aac8026,#7aa5d81a);border-color:#5aa68a}.teens-step-tab.complete{color:#214b3e;background:linear-gradient(135deg,#5aac801f,#7aa5d814);border-color:#9ad2ba}.teens-step-number{background:#0f172a14;border-radius:50%;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;font-size:.8rem;display:inline-flex}.teens-step-tab.active .teens-step-number,.teens-step-tab.complete .teens-step-number{color:#fff;background:linear-gradient(135deg,#5aa68a,#7aa5d8)}.teens-step-label{font-size:.8rem}.teens-registration-step-header{justify-content:space-between;align-items:end;gap:.75rem;margin:.25rem 0 1rem;display:flex}.teens-registration-step-header h2{color:#0f172a;margin:.2rem 0 0;font-size:1.5rem}.teens-step-breadcrumb{color:#238636;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.teens-registration-step-header p{color:#475569;text-align:right;max-width:300px;margin:0;line-height:1.6}.teens-mobile-step-view{display:none}.teens-registration-progress{scrollbar-width:thin;padding-bottom:.15rem;overflow-x:auto}.teens-registration-form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.type-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.teens-registration-choice{cursor:pointer;background:#f8fafc;border:1px solid #dfe7ee;border-radius:16px;align-items:flex-start;gap:.8rem;padding:1rem;display:flex}.teens-registration-choice input{accent-color:#238636;margin-top:.25rem}.teens-registration-choice span{color:#0f172a;flex-direction:column;gap:.2rem;display:flex}.teens-registration-choice small{color:#475569;line-height:1.5}.teens-registration-field{color:#334155;flex-direction:column;gap:.45rem;width:100%;font-weight:600;display:flex}.teens-registration-field span{font-size:.95rem}.teens-registration-field input,.teens-registration-field select,.teens-registration-field textarea{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #d7e0ea;border-radius:12px;width:100%;padding:.95rem 1rem;font-size:.95rem}.teens-registration-field input:focus,.teens-registration-field select:focus,.teens-registration-field textarea:focus{border-color:#238636;outline:none;box-shadow:0 0 0 3px #38a1691f}.teens-registration-field textarea{resize:vertical;min-height:130px}.teens-registration-field.full-width{grid-column:1/-1}.teens-registration-children-wrapper{flex-direction:column;gap:1rem;display:flex}.teens-registration-child-tabs{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.teens-child-tab,.teens-add-child-btn,.teens-registration-child-remove button{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #dfe7ee;border-radius:999px;padding:.65rem .9rem;font-weight:700}.teens-child-tab.active{color:#166534;background:#ecfdf5;border-color:#a7f3d0}.teens-add-child-btn{color:#166534;background:#e8f5ee;border-color:#b9e4c9}.child-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.teens-registration-child-remove{justify-content:flex-end;display:flex}.teens-registration-child-remove button{color:#be123c;background:#fff1f2;border-color:#fecdd3}.teens-registration-review{flex-direction:column;gap:1rem;display:flex}.teens-registration-review-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.review-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem}.review-group h4{color:#0f172a;margin:0 0 .75rem}.review-group p{color:#475569;margin:.3rem 0;line-height:1.6}.teens-registration-toast{z-index:11000;color:#fff;pointer-events:auto;background:#f85149f5;border:1px solid #f85149e6;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;width:min(100% - 1.5rem,420px);max-width:420px;padding:.9rem 1rem;font-size:.92rem;font-weight:600;animation:.24s ease-out teens-toast-slide-in;display:flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 18px 30px #0f172a2e}.teens-registration-toast.success{background:#166534f5;border-color:#166534e6}.teens-registration-toast button{appearance:none;color:inherit;cursor:pointer;opacity:.9;background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1}.teens-registration-toast .toast-status-icon{flex:none;font-size:1.1rem}.teens-registration-toast>span{flex:1;min-width:0}@keyframes teens-toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.teens-registration-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.teens-registration-back,.teens-registration-submit,.teens-registration-link-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3ea36d 0%,#6ea0d6 100%);border:none;border-radius:999px;align-self:flex-start;padding:.95rem 1.25rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.teens-registration-back{color:#0f172a;background:#e2e8f0;border:1px solid #cbd5e1}.teens-registration-submit:hover,.teens-registration-link-btn:hover,.teens-registration-back:hover{transform:translateY(-1px);box-shadow:0 12px 28px #3ea36d3b}.teens-registration-back:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.teens-registration-success{background:linear-gradient(135deg,#f0fdf4f5,#eaf7fff5);border:1px solid #6ea0d640;border-radius:22px;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 1.5rem;display:flex;box-shadow:0 18px 40px #0f172a14}.teens-registration-success-icon{color:#fff;background:linear-gradient(135deg,#2bb673,#4ea4d9);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #2bb6734d}.teens-registration-success h2{color:#134b32;margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.teens-registration-success p{color:#334155;margin:0;font-size:1.05rem;line-height:1.7}@media (width<=880px){.teens-registration-card{padding:1.5rem}.teens-registration-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.teens-registration-step-header{flex-direction:column;align-items:flex-start}.teens-registration-step-header p{text-align:left;max-width:none}.teens-mobile-step-view{color:#0f172a;background:#f8fafc;border:1px solid #dfe7ee;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding:.8rem .9rem;display:inline-flex}.teens-mobile-step-tag{letter-spacing:.08em;text-transform:uppercase;color:#238636;font-size:.7rem;font-weight:800;display:inline-block}.teens-mobile-step-view strong{font-size:.95rem}.teens-registration-form-grid{grid-template-columns:1fr}}@media (width<=640px){.teens-registration-page{padding:1.5rem .75rem 2rem}.teens-registration-card{border-radius:22px;padding:1.25rem}.teens-registration-header h1{font-size:1.75rem}.teens-registration-progress{scrollbar-width:thin;grid-template-columns:none;gap:.45rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.teens-step-tab{flex:1 0 120px;justify-content:center;min-width:120px}.teens-step-label{font-size:.72rem}.teens-registration-actions{flex-direction:column;align-items:stretch}.teens-registration-back,.teens-registration-submit,.teens-registration-link-btn{text-align:center;width:100%}.teens-registration-field span{font-size:.92rem}}.feedback-page{--feedback-ink:#24333a;--feedback-muted:#6e7978;--feedback-green:#3f8c78;--feedback-coral:#e88767;min-height:100vh;color:var(--feedback-ink);background:#f7f3ed;width:100%;max-width:100vw;font-family:Georgia,Times New Roman,serif;position:relative;overflow:hidden}.feedback-intro{box-sizing:border-box;z-index:5;background:#f7f3ed;grid-template-columns:minmax(280px,1fr) minmax(280px,.9fr);place-items:center;gap:4vw;min-height:calc(100vh - 72px);padding:5rem 9vw;display:grid;position:fixed;inset:72px 0 0}.feedback-intro.ready .feedback-start-btn{opacity:1;transform:translateY(0)}.feedback-intro-copy{max-width:480px;animation:1s .7s both copy-rise}.feedback-kicker{color:var(--feedback-green);text-transform:uppercase;letter-spacing:.13em;font:700 .72rem/1.4 Arial,sans-serif}.feedback-intro h1,.feedback-aside h1{letter-spacing:0;margin:1rem 0 1.4rem;font-size:clamp(2.7rem,5vw,5.6rem);font-weight:400;line-height:.98}.feedback-intro p,.feedback-aside p{color:var(--feedback-muted);max-width:440px;font:1.06rem/1.7 Arial,sans-serif}.feedback-intro-art{aspect-ratio:1;width:min(42vw,460px);animation:1.25s cubic-bezier(.2,.8,.2,1) both art-arrive;position:relative}.feedback-sun{aspect-ratio:1;background:var(--feedback-coral);border-radius:50%;width:34%;animation:2.3s infinite sun-pulse;position:absolute;top:27%;left:32%;box-shadow:0 0 0 18px #e887671a}.feedback-orbit{border:1px solid #3f8c7873;border-radius:50%;position:absolute;inset:13%;transform:rotate(-22deg)}.orbit-one{animation:6s ease-in-out infinite orbit-drift}.orbit-two{animation:7s ease-in-out -2s infinite reverse orbit-drift;inset:4% 22%;transform:rotate(50deg)}.feedback-note{color:var(--feedback-green);background:#fffdf9;padding:.65rem 1rem;font:700 .85rem Arial,sans-serif;animation:3s ease-in-out infinite float-note;position:absolute;transform:rotate(-8deg);box-shadow:0 12px 25px #373e361a}.note-one{top:12%;right:9%}.note-two{animation-delay:-1s;bottom:12%;left:7%;transform:rotate(7deg)}.feedback-spark{color:var(--feedback-coral);font-size:2rem;animation:2s infinite sparkle;position:absolute}.spark-one{top:29%;left:9%}.spark-two{animation-delay:.8s;bottom:27%;right:12%}.feedback-conversation{border-bottom:2px solid #24333a33;position:absolute;inset:27% 12% 10%}.feedback-person{width:29%;height:48%;position:absolute;bottom:0}.feedback-person .figure-head{aspect-ratio:1;background:var(--feedback-ink);border-radius:50%;width:34%;margin:auto;display:block}.feedback-person .figure-body{border-radius:50% 50% 12% 12%;width:78%;height:64%;margin:-2% auto 0;display:block}.feedback-person .figure-arm{transform-origin:0;border-radius:9px;width:74%;height:8%;position:absolute;top:43%;left:48%}.feedback-parent{left:13%}.feedback-parent .figure-body{background:var(--feedback-green)}.feedback-parent .figure-arm{background:var(--feedback-ink);transform:rotate(-18deg)}.feedback-teen{height:42%;right:13%}.feedback-teen .figure-head{background:var(--feedback-coral)}.feedback-teen .figure-body{background:#164568}.feedback-teen .figure-arm{background:#164568;transform:rotate(20deg)}.feedback-speech{color:var(--feedback-ink);background:#fffdf9;padding:.55rem .7rem;font:700 .66rem Arial,sans-serif;position:absolute;box-shadow:0 8px 18px #373e361a}.feedback-speech:after{content:"";background:#fffdf9;width:10px;height:10px;position:absolute;bottom:-6px;transform:rotate(45deg)}.speech-one{top:3%;left:2%;transform:rotate(-5deg)}.speech-one:after{left:18px}.speech-two{color:var(--feedback-green);top:19%;right:0;transform:rotate(5deg)}.speech-two:after{right:18px}.feedback-reflection-scene{border-bottom:2px solid #24333a33;position:absolute;inset:24% 8% 8%}.feedback-reflection-scene .feedback-person{bottom:0}.feedback-reflection-scene .feedback-parent{width:30%;height:51%;left:12%}.feedback-reflection-scene .feedback-teen{width:25%;height:43%;right:11%}.feedback-clipboard{box-sizing:border-box;border:2px solid var(--feedback-ink);z-index:2;background:#fffdf9;border-radius:3px;width:20%;height:25%;padding:.45rem .35rem;position:absolute;bottom:17%;left:40%;transform:rotate(-9deg);box-shadow:5px 5px #e8876759}.feedback-clipboard:before{content:"";border:2px solid var(--feedback-ink);border-bottom:0;border-radius:5px 5px 0 0;width:44%;height:10px;position:absolute;top:-7px;left:28%}.feedback-clipboard span{background:var(--feedback-coral);width:45%;height:4px;margin:10% 0 18%;display:block}.feedback-clipboard i{background:#c8d8d1;width:78%;height:3px;margin:10% 0;display:block}.feedback-path{border-top:2px dashed var(--feedback-coral);height:14%;position:absolute;bottom:7%;left:29%;right:29%}.feedback-path span{background:var(--feedback-coral);border-radius:50%;width:8px;height:8px;position:absolute;top:-5px}.feedback-path span:first-child{left:0}.feedback-path span:nth-child(2){left:48%}.feedback-path span:nth-child(3){right:0}.feedback-intro-actions{align-items:center;gap:1.4rem;margin-top:2.5rem;display:flex}.feedback-loading-line{color:var(--feedback-muted);white-space:nowrap;align-items:center;gap:.8rem;font:.72rem Arial,sans-serif;display:flex}.feedback-loading-line span{background:var(--feedback-coral);width:90px;height:2px;animation:5s linear both line-grow}.feedback-start-btn{opacity:0;white-space:nowrap;transition:opacity .5s,transform .5s;transform:translateY(10px)}.feedback-start-btn:disabled{cursor:wait;background:#abc9bf}@media (width>=761px){.feedback-intro{gap:2vw;padding:2.5rem 7vw}.feedback-intro-art{width:min(36vw,390px)}.feedback-intro h1{margin:.75rem 0 1rem;font-size:clamp(2.7rem,4vw,4.8rem)}.feedback-intro p{font-size:1rem;line-height:1.55}.feedback-intro-actions{margin-top:1.5rem}}.feedback-shell{max-width:1240px;margin:0 auto;padding:2rem 5vw 5rem}.feedback-header{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding-bottom:2.5rem;font:.75rem Arial,sans-serif;display:flex}.feedback-brand{color:var(--feedback-ink);letter-spacing:0;text-transform:none;align-items:center;gap:.7rem;font-family:Arial,sans-serif;text-decoration:none;display:flex}.feedback-brand span{color:#fff;background:var(--feedback-green);border-radius:50%;place-items:center;width:38px;height:38px;font-size:.7rem;font-weight:700;display:grid}.feedback-brand strong{font-size:.9rem}.feedback-progress-label{color:var(--feedback-muted)}.feedback-layout{grid-template-columns:.72fr 1.28fr;align-items:start;gap:7vw;padding-top:5vh;display:grid}.feedback-aside{gap:1.4rem;padding-top:2rem;display:flex;position:relative}.feedback-aside-card{animation:.45s both card-in}.feedback-aside h1{font-size:clamp(2.7rem,4vw,4.6rem)}.feedback-aside-line{background:var(--feedback-coral);width:70px;height:3px;margin:2.3rem 0 1.2rem}.feedback-aside-note{color:var(--feedback-muted);max-width:230px;font:.85rem/1.6 Arial,sans-serif;display:block}.feedback-progress-rail{background:#eadfd6;flex:none;width:4px;min-height:370px;margin-top:.4rem;position:relative}.feedback-progress-rail span{background:var(--feedback-coral);width:100%;transition:height .6s cubic-bezier(.2,.8,.2,1);display:block}.feedback-progress-rail:before,.feedback-progress-rail:after{content:"";border:2px solid var(--feedback-coral);z-index:1;background:#f7f3ed;border-radius:50%;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%)}.feedback-progress-rail:before{top:0}.feedback-progress-rail:after{bottom:0}.feedback-form-panel{background:#fffdf9;padding:clamp(1.5rem,4vw,4rem);box-shadow:0 22px 60px #40403314}.feedback-stepper{align-items:center;margin-bottom:2.6rem;display:flex}.feedback-stepper>span{flex:1;align-items:center;display:flex}.feedback-stepper i{color:#aaa;border:1px solid #d7d4ca;border-radius:50%;place-items:center;width:30px;height:30px;font:.75rem Arial,sans-serif;display:grid}.feedback-stepper b{background:#dedbd2;flex:1;height:1px;margin:0 .4rem}.feedback-stepper .active i{background:var(--feedback-green);border-color:var(--feedback-green);color:#fff}.feedback-stepper .active b{background:var(--feedback-green)}.feedback-step-copy h2{margin:.7rem 0 2rem;font-size:clamp(1.8rem,3vw,3rem);font-weight:400;line-height:1.05}.feedback-fields{gap:1.4rem;display:grid}.feedback-field{color:var(--feedback-ink);gap:.5rem;font:700 .78rem Arial,sans-serif;display:grid}.feedback-field input,.feedback-field textarea,.feedback-field select{color:var(--feedback-ink);background:0 0;border:0;border-bottom:1px solid #d9d6cd;border-radius:0;outline:none;padding:.7rem 0 .95rem;font:1rem/1.5 Georgia,serif;transition:border-color .2s,box-shadow .2s}.feedback-field textarea{resize:vertical;min-height:90px;line-height:1.6}.feedback-field input:focus,.feedback-field textarea:focus,.feedback-field select:focus{border-color:var(--feedback-green);box-shadow:0 2px 0 var(--feedback-green)}.feedback-fieldset{border:0;margin:0;padding:0}.feedback-fieldset legend{margin-bottom:.8rem;font:700 .78rem Arial,sans-serif}.feedback-radio-grid,.feedback-option-grid{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.feedback-option-grid{grid-template-columns:repeat(2,1fr)}.feedback-option,.feedback-radio{color:var(--feedback-muted);cursor:pointer;border:1px solid #e4e0d8;align-items:center;gap:.65rem;padding:.7rem .8rem;font:.84rem Arial,sans-serif;display:flex}.feedback-option.selected{border-color:var(--feedback-green);color:var(--feedback-ink);background:#f1f7f3}.feedback-radio:has(input:checked){border-color:var(--feedback-green);color:var(--feedback-ink);background:#f1f7f3}.feedback-option input,.feedback-radio input{accent-color:var(--feedback-green)}.feedback-rating-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.feedback-rating{text-align:center;color:var(--feedback-muted);cursor:pointer;border:1px solid #e4e0d8;place-items:center;gap:.25rem;padding:.7rem .2rem;font:.68rem Arial,sans-serif;display:grid}.feedback-rating:has(input:checked){border-color:var(--feedback-green);color:var(--feedback-ink);background:#f1f7f3}.feedback-rating input{opacity:0;position:absolute}.feedback-rating strong{font:1.2rem Georgia,serif}.feedback-two-col{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.feedback-helper{color:var(--feedback-muted);margin:-1rem 0 .3rem;font:.85rem/1.5 Arial,sans-serif}.feedback-actions{justify-content:space-between;align-items:center;margin-top:2.3rem;display:flex}.feedback-primary-btn{background:var(--feedback-green);color:#fff;cursor:pointer;border:0;align-items:center;gap:1.2rem;padding:1rem 1.3rem;font:700 .78rem Arial,sans-serif;text-decoration:none;display:inline-flex}.feedback-primary-btn span{font-size:1.2rem;transition:transform .2s}.feedback-primary-btn:hover span{transform:translate(4px)}.feedback-back-btn{color:var(--feedback-muted);cursor:pointer;background:0 0;border:0;font:.8rem Arial,sans-serif;text-decoration:none}.feedback-arrow{opacity:0;color:var(--feedback-coral);z-index:2;align-items:center;gap:.7rem;font:700 .75rem Arial,sans-serif;transition:opacity .8s,transform .8s;display:flex;position:fixed;bottom:4vh;right:4vw;transform:translateY(15px)}.feedback-arrow.visible{opacity:1;transform:none}.feedback-arrow strong{font-size:2.2rem;animation:1s ease-in-out infinite arrow-bounce}.feedback-complete{text-align:center;align-content:center;place-items:center;gap:1rem;max-width:650px;min-height:80vh;margin:auto;padding:10vh 2rem;display:grid}.feedback-complete h1{margin:.4rem 0;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:1}.feedback-complete p:not(.feedback-kicker){color:var(--feedback-muted);max-width:500px;font:1rem/1.7 Arial,sans-serif}@keyframes intro-exit{to{opacity:0;visibility:hidden;transform:scale(1.04)}}@keyframes copy-rise{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes art-arrive{0%{opacity:0;transform:scale(.65)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes sun-pulse{50%{transform:scale(1.08)}}@keyframes orbit-drift{50%{transform:rotate(22deg)translateY(-7px)}}@keyframes float-note{50%{transform:translateY(-10px)rotate(-5deg)}}@keyframes sparkle{50%{opacity:.5;transform:scale(1.5)rotate(25deg)}}@keyframes line-grow{0%{width:0}to{width:90px}}@keyframes arrow-bounce{50%{transform:translate(5px,5px)}}@keyframes card-in{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.feedback-intro{animation-duration:.1s;animation-delay:0s}.feedback-intro-art,.feedback-intro-copy,.feedback-arrow strong,.feedback-sun,.feedback-orbit,.feedback-note,.feedback-spark{animation:none}}@media (width<=900px){.feedback-layout{gap:3rem}.feedback-intro{padding-left:6vw;padding-right:6vw}.feedback-intro h1{font-size:clamp(2.7rem,5vw,4.3rem)}.feedback-intro-actions{gap:1rem}.feedback-loading-line span{width:55px}.feedback-loading-line small{white-space:normal}}@media (width<=760px){.feedback-intro{text-align:center;grid-template-columns:1fr;align-content:start;gap:.35rem;min-height:calc(100vh - 64px);padding:1rem 1.25rem 1.25rem;top:64px;overflow-y:auto}.feedback-intro-art{order:-1;width:min(50vw,220px);margin:0 auto}.feedback-intro h1{margin:.65rem 0 .8rem;font-size:clamp(2.1rem,9vw,2.8rem);line-height:.98}.feedback-intro p{max-width:390px;margin:.5rem auto 0;font-size:.88rem;line-height:1.45}.feedback-intro-actions{flex-direction:column;gap:.7rem;margin-top:1rem}.feedback-loading-line{justify-content:center}.feedback-start-btn{width:fit-content}.feedback-header{padding-bottom:1.5rem}.feedback-progress-label{display:none}.feedback-layout{padding-top:1rem;display:block}.feedback-aside{gap:1rem;padding:1rem 0 2rem}.feedback-progress-rail{width:3px;min-height:240px}.feedback-aside h1{font-size:2.8rem}.feedback-aside p{font-size:.95rem}.feedback-form-panel{padding:1.3rem}.feedback-option-grid,.feedback-radio-grid{grid-template-columns:1fr}.feedback-rating-grid{gap:.2rem}.feedback-rating{font-size:.57rem}.feedback-two-col{grid-template-columns:1fr}.feedback-arrow{bottom:1rem;right:1rem}.feedback-arrow span{display:none}}.feedback-field textarea{height:2.5rem;min-height:2.5rem;padding-bottom:.35rem;line-height:1.45;overflow-y:auto}.feedback-field input,.feedback-field textarea,.feedback-field select{scroll-margin-top:5rem}.feedback-arrow span{display:none}.feedback-submit-error{color:#b84b3d;margin:0;font:.84rem/1.5 Arial,sans-serif}.feedback-primary-btn:disabled{opacity:.65;cursor:wait}.feedback-success-backdrop{background:#f7f3edc2;place-items:center;min-height:100vh;padding:2rem;display:grid}.feedback-success-page .feedback-complete{text-align:center;z-index:2;background:#fffdf9;border:1px solid #eadfd5;align-content:center;place-items:center;gap:1rem;max-width:600px;min-height:0;margin:auto;padding:clamp(2rem,5vw,4rem);animation:.7s cubic-bezier(.2,.9,.2,1) both success-pop;display:grid;position:relative;box-shadow:0 28px 80px #24333a29}.feedback-complete-mark{background:var(--feedback-green);color:#fff;border-radius:50%;place-items:center;width:70px;height:70px;font:2rem Arial,sans-serif;display:grid}.feedback-success-page .feedback-complete h1{margin:.4rem 0;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:1}.feedback-success-page .feedback-complete p:not(.feedback-kicker){color:var(--feedback-muted);max-width:500px;font:1rem/1.7 Arial,sans-serif}.feedback-thankyou-art{width:180px;height:125px;margin-bottom:.2rem;position:relative}.thankyou-sun{background:#f0c75e;border-radius:50%;width:72px;height:72px;animation:2.5s ease-in-out infinite success-sun;position:absolute;top:15px;left:54px;box-shadow:0 0 0 12px #f0c75e24}.thankyou-person{width:40px;height:72px;position:absolute;top:48px;left:78px}.thankyou-person i{background:var(--feedback-ink);border-radius:50%;width:22px;height:22px;margin:auto;display:block}.thankyou-person b{background:var(--feedback-green);border-radius:50% 50% 12px 12px;width:40px;height:47px;margin-top:2px;display:block}.thankyou-heart{color:var(--feedback-coral);font-size:2rem;animation:1.8s ease-in-out infinite heart-float;position:absolute;top:35px;right:17px}.thankyou-spark{color:var(--feedback-coral);font-size:1.5rem;animation:1.8s ease-in-out infinite success-spark;position:absolute}.spark-a{top:36px;left:20px}.spark-b{animation-delay:.6s;bottom:10px;right:4px}.feedback-firework{background:var(--feedback-coral);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite firework-burst;position:absolute;box-shadow:0 -35px #f0c75e,0 35px #3f8c78,35px 0 #164568,-35px 0 #e88767,25px 25px #f0c75e,-25px -25px #3f8c78}.feedback-firework-one{top:18%;left:15%}.feedback-firework-two{animation-delay:.7s;top:22%;right:15%;transform:scale(.75)}@keyframes success-pop{0%{opacity:0;transform:scale(.88)translateY(25px)}to{opacity:1;transform:none}}@keyframes success-sun{50%{transform:scale(1.08)}}@keyframes heart-float{50%{transform:translateY(-8px)rotate(8deg)}}@keyframes success-spark{50%{opacity:.5;transform:scale(1.4)rotate(20deg)}}@keyframes firework-burst{0%,to{opacity:.25;transform:scale(.5)}45%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.feedback-firework,.thankyou-sun,.thankyou-heart,.thankyou-spark,.feedback-success-page .feedback-complete{animation:none}}@media (width<=760px){.feedback-success-backdrop{padding:1rem}.feedback-success-page .feedback-complete{padding:2rem 1.25rem}.feedback-success-page .feedback-complete h1{font-size:2.6rem}.feedback-firework-one{left:7%}.feedback-firework-two{right:7%}}.feedback-success-backdrop{z-index:15000;position:fixed;inset:0;overflow-y:auto}.feedback-success-page{min-height:calc(100vh - 72px);position:relative;overflow:hidden}.feedback-success-backdrop{z-index:1;background:0 0;place-items:center;min-height:calc(100vh - 72px);padding:2rem;display:grid;position:relative;inset:auto;overflow:visible}.feedback-success-page .feedback-complete{background:#fffdf9f0}.feedback-success-recipient{letter-spacing:.08em;text-transform:uppercase;background:#f2faf6;border:1px solid #3f8c7859;border-radius:999px;margin:0;padding:.5rem .9rem;display:inline-block;color:var(--feedback-green)!important;font:700 .78rem/1.2 Arial,sans-serif!important}@media (width<=760px){.feedback-success-page{min-height:calc(100vh - 64px)}.feedback-success-backdrop{min-height:calc(100vh - 64px);padding:1rem}}.feedback-shell{box-sizing:border-box;width:100%}.feedback-layout>*,.feedback-form-panel{box-sizing:border-box;min-width:0}
