:root{--primary:#4d91bf;--primary-dark:#2f6f9a;--primary-darker:#235676;--primary-soft:#eaf5fc;--bg:#f5f8fb;--surface:#fff;--text:#253b4d;--muted:#6e8191;--line:#dce7ee;--success:#198361;--danger:#bd4050;--shadow:0 13px 36px rgba(40,78,110,.07);--font:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--text);line-height:1.65;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.53;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.36;letter-spacing:-.055em}h1{font-weight:850}h2{font-size:23px}p{color:var(--muted)}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-glow{position:absolute;left:0;top:66px;width:100%;height:470px;pointer-events:none;background:radial-gradient(ellipse at 73% -1%,rgba(169,217,247,.28),transparent 54%);z-index:-1}
.site-header{height:76px;background:rgba(255,255,255,.89);border-bottom:1px solid #e6eef4;backdrop-filter:blur(15px);position:sticky;top:0;z-index:30}.header-inner{max-width:1130px;margin:auto;padding:0 22px;height:100%;display:flex;justify-content:space-between;align-items:center}.brand-link{display:flex;align-items:center;gap:12px;background:none;border:none;text-align:left;padding:0}.brand-symbol{width:41px;height:41px;background:#e8f5ff;border:1px solid #d0e8f8;display:grid;place-items:center;border-radius:13px;color:#4d91bf;font-size:24px}.brand-text{display:flex;flex-direction:column;line-height:1.35}.brand-text strong{font-size:15px;letter-spacing:-.03em;font-weight:850}.brand-text small{font-size:11px;color:#7e92a1;font-weight:750;letter-spacing:.045em}.header-actions{display:flex;align-items:center;gap:18px}.header-badge{display:flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;background:#edf6fd;color:#4b86ac;font-weight:800;font-size:12px}.pulse-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#55b4a7;box-shadow:0 0 0 3px rgba(85,180,167,.13)}.header-admin,.text-button{border:0;background:transparent;color:#71879a;font-weight:800;display:inline-flex;align-items:center;gap:3px;font-size:13px;transition:color .2s}.header-admin:hover,.text-button:hover{color:#2f6f9a}.header-admin svg{width:15px;height:15px}.main-content{max-width:1130px;margin:0 auto;padding:44px 22px 82px;min-height:calc(100vh - 160px)}.view{animation:appear .24s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.section-kicker{font-size:11px;letter-spacing:.12em;color:#5c97c1;font-weight:900;margin-bottom:14px}.btn{border-radius:12px;min-height:45px;padding:10px 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;font-size:14px;line-height:1.3;font-weight:900;letter-spacing:-.025em;transition:background .18s,box-shadow .18s,transform .18s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(77,145,191,.28);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px rgba(56,127,178,.15)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 8px 16px rgba(56,127,178,.2)}.btn-light{background:#eef5fa;border-color:#deebf3;color:#376987}.btn-light:hover{background:#e1f0fa}.btn-outline{color:#607c92;background:#fff;border-color:#d5e2eb}.btn-outline:hover{background:#f7fbfd}.btn-lg{min-height:55px;padding:13px 27px;font-size:16px;border-radius:13px}.btn-small{min-height:38px;padding:8px 13px;font-size:12px}.btn-full{width:100%}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:950;color:#548fb9;display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow-line{height:2px;width:25px;background:#74b3da}
.hero-card{border:1px solid #c9e2f5;background:linear-gradient(115deg,#edf8ff 0%,#e8f5fd 51%,#e2f3ff 100%);border-radius:25px;position:relative;overflow:hidden;min-height:405px;display:grid;grid-template-columns:1fr 410px;box-shadow:0 13px 39px rgba(74,126,164,.085)}.hero-content{padding:56px 30px 40px 57px;position:relative;z-index:2}.hero-tag{display:inline-flex;font-size:12px;line-height:1.4;border-radius:99px;background:#fff;color:#377ba8;border:1px solid #c5e0f2;padding:7px 12px;font-weight:900;margin-bottom:14px}.hero-card h1{font-size:clamp(35px,4.2vw,49px);margin:0 0 16px;color:#244e6b;letter-spacing:-.07em;line-height:1.22}.hero-card h1 em,.success-card h1 em{font-style:normal;color:#4b94c4}.hero-description{max-width:525px;font-size:15px;color:#648399;line-height:1.85;word-break:keep-all;margin-bottom:25px}.hero-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.hero-time{font-size:13px;font-weight:800;color:#7c98a9;display:inline-flex;gap:7px;align-items:center}.hero-time span{font-size:18px}.hero-meta{font-size:12px;color:#7b97a8;font-weight:750;margin-top:22px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.check-symbol{color:#42a489;font-weight:950}.hero-meta .sep{height:10px;border-left:1px solid #bdd4e3;margin:0 5px}.hero-graphic{min-height:395px;position:relative;overflow:hidden}.glow-circle{position:absolute;border-radius:50%;border:1px solid rgba(117,181,220,.19)}.circle-one{width:410px;height:410px;right:-80px;top:5px;background:rgba(151,205,242,.1)}.circle-two{width:315px;height:315px;right:-32px;top:48px;background:rgba(193,228,249,.39)}.circle-three{width:223px;height:223px;right:21px;top:91px;background:rgba(237,249,255,.52)}.hero-illustration{position:absolute;inset:0}.book{position:absolute;border-radius:15px 19px 18px 12px;box-shadow:14px 18px 25px rgba(35,105,150,.11);transform:rotate(-12deg)}.book-back{height:211px;width:165px;top:103px;left:120px;background:#fbfdfd;border:2px solid #c9e4f3;transform:rotate(12deg)}.book-front{height:213px;width:171px;top:102px;left:130px;background:linear-gradient(145deg,#78b9de,#478ab9);border:5px solid #f9fdff;box-shadow:10px 13px 23px rgba(29,96,144,.17)}.book-front:before{content:'';position:absolute;top:5px;bottom:5px;left:14px;border-left:2px solid rgba(255,255,255,.45)}.book-label{font-size:68px;line-height:1;font-weight:950;color:#fff;text-align:center;margin-top:38px;letter-spacing:-.04em}.book-line{height:5px;background:rgba(255,255,255,.6);border-radius:99px;width:70px;margin:8px auto 0}.book-line.shorter{width:49px}.book-sparkle{color:#ffe8a4;position:absolute;right:-21px;top:-33px;font-size:47px}.floating-note{position:absolute;right:37px;bottom:67px;transform:rotate(7deg);background:#fff;border:1px solid #d4e9f4;border-radius:13px;padding:13px 18px;font-size:13px;font-weight:850;color:#5e91aa;line-height:1.5;box-shadow:0 8px 22px rgba(50,100,140,.08)}.floating-note span{color:#e2aab0}.float-star{position:absolute;color:#eac06e;font-size:30px}.star-one{left:84px;top:95px}.star-two{right:65px;top:77px;color:#6aaad1;font-size:34px}.star-three{left:93px;bottom:76px;color:#83bdd5;font-size:25px}
.home-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.intro-card,.journey-card{padding:29px 32px}.intro-card h2{font-size:25px;color:#33556d;margin:0 0 12px}.intro-card p{font-size:13px;line-height:1.85;word-break:keep-all;max-width:380px;margin-bottom:20px}.intro-divider{height:1px;background:#e8eff4;margin-bottom:16px}.intro-details{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:10px 0;color:#8094a1}.intro-details strong{color:#536f82;font-size:12px}.journey-card h2{margin:0 0 16px;color:#33556d}.journey-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.journey-list li{display:flex;align-items:center;gap:14px}.journey-num{width:37px;height:37px;display:flex;align-items:center;justify-content:center;flex:none;color:#5b97c1;font-weight:950;font-size:12px;background:#e9f5fc;border-radius:11px}.journey-list li>span:nth-child(2){display:grid;gap:0;flex:1}.journey-list strong{font-size:13px}.journey-list small{font-size:11px;color:#91a1ac}.journey-check{color:#bad5c8;font-size:15px}
.global-notice{margin-bottom:20px;padding:12px 17px;border-radius:12px;background:#fff1f1;color:#b44252;border:1px solid #f4c6ca;font-size:13px;font-weight:800}.survey-heading,.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.survey-heading h1,.admin-heading h1{font-size:29px;margin:0 0 6px;color:#294d68}.survey-heading p,.admin-heading p{font-size:13px;margin:0}.survey-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.aside-panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px 21px;box-shadow:var(--shadow);position:sticky;top:101px}.aside-heading{font-size:13px;font-weight:900;color:#668398;margin-bottom:22px}.side-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}.side-steps li{display:flex;gap:13px;align-items:center;min-height:61px;position:relative;color:#a0aeb8}.side-steps li:not(:last-child):before{content:'';position:absolute;left:19px;top:45px;height:26px;border-left:1px dashed #d7e5ed}.side-steps li span{position:relative;z-index:1;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#f1f5f7;color:#9cadb8;border:1px solid #e6edf2;font-size:12px;font-weight:900;flex:none}.side-steps li strong{font-size:13px;letter-spacing:-.02em}.side-steps li.active{color:#2f6f9a}.side-steps li.active span{background:#e3f2fb;border:2px solid #79b3d8;color:#347ca9}.side-steps li.completed{color:#587c91}.side-steps li.completed span{background:#e7f6f0;border-color:#a8dbca;color:#168c60}.privacy-mini{border-top:1px solid #e7edf2;margin-top:18px;padding-top:19px;font-size:11px;color:#8ca0ad;word-break:keep-all;line-height:1.85}.privacy-mini span{font-size:17px;color:#79b4d0;margin-right:3px}.survey-main{min-width:0}.progress-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 22px;margin-bottom:15px}.progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.progress-top span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#5d96bc}.progress-top strong{color:#366f93;font-size:14px}.progress-track{height:7px;background:#eaf1f5;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#77b6dd,#4e95c3);border-radius:999px;transition:width .23s}.questionnaire-card{padding:31px 36px 36px;min-height:365px}.step-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:28px}.step-icon{background:#eaf5fc;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#4b8eb9;font-size:23px;flex:none}.step-heading .section-kicker{margin-bottom:5px}.step-heading h2{font-size:25px;color:#294e69;margin-bottom:5px}.step-heading p{font-size:13px;line-height:1.75;margin:0}.question-block{margin-top:28px}.question-block:first-child{margin-top:0}.question-label{font-size:15px;font-weight:950;color:#334d5f;display:flex;gap:7px;align-items:center;margin-bottom:7px;line-height:1.5}.required-star{color:#e28a95}.question-hint{font-size:12px;color:#8a9eab;line-height:1.6;margin-bottom:12px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.option-card{position:relative;cursor:pointer;display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #dbe7ef;padding:14px 15px;border-radius:12px;font-weight:850;font-size:14px;line-height:1.45;color:#587081;transition:background .15s,border .15s,box-shadow .15s}.option-card:hover{border-color:#9ccae5;background:#f8fcff}.option-card input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.option-card input:focus-visible+.choice-indicator{outline:3px solid rgba(77,145,191,.28)}.option-card:has(input:checked){background:#e8f4fc;border-color:#6aabcf;box-shadow:0 0 0 1px #6aabcf}.choice-indicator{height:20px;width:20px;flex:none;border:1.5px solid #b9cfdd;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:12px;font-weight:900;background:#fff}.option-card:has(input:checked) .choice-indicator{background:#4d91bf;border-color:#4d91bf;color:#fff}.option-card.checkbox-choice .choice-indicator{border-radius:6px}.option-card.checkbox-choice:has(input:checked) .choice-indicator{background:#4d91bf}.option-card.compact-score{padding:12px 5px;justify-content:center;text-align:center;gap:0;min-height:50px;font-size:17px;font-weight:950;border-radius:11px}.compact-score .choice-indicator{display:none}.rating-legend{display:flex;justify-content:space-between;color:#91a3ad;font-size:11px;margin-top:9px}.scale-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.scale-grid .option-card{min-height:53px}.text-area{width:100%;min-height:112px;resize:vertical;border:1.5px solid #d6e3ed;border-radius:12px;background:#fbfdfe;outline:0;padding:13px 15px;color:var(--text);font-size:14px;line-height:1.6}.text-area:focus,.stacked-fields input:focus,.stacked-fields textarea:focus,.search-label input:focus{border-color:#6daed8;box-shadow:0 0 0 3px rgba(107,171,214,.14)}.text-area::placeholder,input::placeholder{color:#a5b3be}.char-count{font-size:11px;color:#a0b0bc;text-align:right;margin-top:5px}.step-navigation{display:flex;justify-content:space-between;margin-top:17px;gap:10px}.step-navigation .btn{min-width:139px}.form-error{color:#b43744;background:#fff1f1;border:1px solid #f6ccd0;border-radius:11px;padding:11px 15px;font-weight:800;font-size:13px;margin-top:15px}.survey-footnote{text-align:center;margin-top:18px;color:#9aabb6;font-size:11px}.survey-footnote span{margin-right:3px}.step-divider{height:1px;background:#eaf0f5;margin:23px 0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-item{padding:13px 15px;background:#f8fbfd;border:1px solid #e3edf4;border-radius:12px}.review-item span{font-size:11px;font-weight:850;color:#94a7b5;display:block;margin-bottom:5px}.review-item strong{font-size:13px;line-height:1.55;color:#37627d;overflow-wrap:anywhere}.confirm-note{background:#e9f6fb;border:1px solid #d2e9f5;color:#4e7d9b;border-radius:12px;padding:12px 15px;font-size:12px;margin-top:20px}
.success-card{text-align:center;padding:69px 25px;margin:30px auto 0;max-width:730px;background:linear-gradient(180deg,#fff,#fafdff)}.success-ornament{margin:0 auto 22px;display:grid;place-items:center;width:79px;height:79px;border-radius:50%;background:#e5f8ee;border:1px solid #b6e5c7;color:#279568;font-size:36px;font-weight:900;box-shadow:0 0 0 13px #f3fcf7}.success-card .section-kicker{margin-top:26px}.success-card h1{font-size:36px;margin-bottom:15px;color:#315872}.success-card p{max-width:420px;margin:0 auto 25px;font-size:14px;line-height:1.9}.success-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.success-note{color:#a1b0ba;font-size:11px;margin-top:22px}
.admin-heading{margin-bottom:25px}.admin-login-wrap{display:flex;justify-content:center;align-items:flex-start;padding:15px 0 30px}.admin-login-card{width:min(460px,100%);padding:39px 37px 40px}.admin-icon{height:49px;width:49px;display:grid;place-items:center;border-radius:16px;background:#ebf6fd;color:#528cb3;font-size:23px;margin-bottom:19px}.admin-login-card .section-kicker{margin-bottom:8px}.admin-login-card h2{margin-bottom:7px}.admin-login-card p{font-size:13px;line-height:1.75;margin-bottom:23px}.stacked-fields{display:grid;gap:18px}.stacked-fields label{display:grid;gap:7px;font-size:13px;font-weight:850;color:#566e7e}.stacked-fields input,.stacked-fields textarea,.search-label input{width:100%;min-height:45px;border:1px solid #d3e2eb;background:#fff;border-radius:11px;padding:10px 13px;font-size:14px;color:#344f63;outline:0;transition:.15s}.stacked-fields textarea{resize:vertical;min-height:110px}.stacked-fields .btn{margin-top:4px}.stacked-fields #adminSetupFields{display:grid;gap:18px}.stacked-fields #adminSetupFields.hidden{display:none}.field-hint{margin:0!important;font-size:11px!important}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar-left,.toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.live-indicator{border:1px solid #d4ecdd;background:#f0fbf5;padding:7px 11px;font-size:12px;color:#34805d;font-weight:900;border-radius:9px;display:flex;align-items:center;gap:9px}.last-updated{font-size:11px;color:#9aabb6}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:25px}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px 18px;box-shadow:var(--shadow);min-height:147px}.metric-card>span{font-size:12px;color:#8195a5;font-weight:900}.metric-card>strong{display:block;font-size:32px;font-weight:950;color:#355c76;margin:9px 0 0;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.metric-card>strong small{font-size:14px;margin-left:3px}.metric-card>small{font-size:11px;color:#a5b2ba}.metric-icon{position:absolute;right:17px;top:17px;width:33px;height:33px;display:grid;place-items:center;border-radius:10px;font-size:17px;font-weight:900}.metric-icon.blue{background:#e7f4fe;color:#579ed0}.metric-icon.peach{background:#fff0ed;color:#d58d7c}.metric-icon.mint{background:#e8f7ee;color:#55ad7d}.metric-icon.lilac{background:#f1eeff;color:#a098d4}.admin-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #dce7ef;overflow-x:auto;margin-bottom:17px}.admin-tabs .tab{border:0;border-bottom:3px solid transparent;background:transparent;font-size:14px;white-space:nowrap;padding:11px 4px 13px;color:#8599a8;font-weight:900}.admin-tabs .tab.active{color:#3777a3;border-bottom-color:#4d91bf}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.chart-card,.comments-card,.table-card,.settings-card{padding:24px 26px}.chart-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:20px}.chart-title h2{font-size:17px;margin:0;color:#36556b}.chart-title>span{color:#95a5b0;font-size:11px;font-weight:800;flex:none}.bar-chart{display:grid;gap:13px;min-height:120px;align-content:start}.bar-line{display:grid;grid-template-columns:82px minmax(0,1fr) 39px;gap:10px;align-items:center}.bar-chart.compact .bar-line{grid-template-columns:36px minmax(0,1fr) 34px;gap:9px}.bar-label{font-size:12px;color:#647f90;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:11px;border-radius:100px;background:#edf3f7;overflow:hidden}.bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#87bfe0,#5a9fc9);min-width:0}.bar-count{font-size:12px;font-weight:850;color:#50758c;text-align:right;font-variant-numeric:tabular-nums}.empty-state{font-size:13px;color:#99aab6;background:#f7fafc;border:1px dashed #dbe7ee;padding:28px 15px;text-align:center;border-radius:11px}.comments-card{margin-top:15px}.comment-list{display:grid;gap:12px}.comment-item{padding:14px 16px;background:#f8fbfd;border:1px solid #e4edf3;border-radius:12px}.comment-item small{font-size:11px;color:#93a5b0;display:block;margin-bottom:6px}.comment-item strong{font-size:11px;font-weight:900;color:#6090ae}.comment-item p{font-size:13px;color:#4f6d80;white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0}.table-card{min-height:280px}.table-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.table-head h2{margin:0 0 3px;font-size:18px}.table-head p{font-size:12px;margin:0}.search-label input{min-width:200px}.table-scroller{overflow:auto;border:1px solid #e4edf3;border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{color:#5c7b91;font-size:12px;background:#edf6fb;padding:12px;text-align:left;white-space:nowrap}.data-table td{border-top:1px solid #e8eff3;padding:11px 12px;white-space:nowrap;color:#546e7e}.data-table tr:hover td{background:#fbfdff}.data-table td.opinion-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.data-table .mini-delete{border:1px solid #f0d7d9;background:#fff6f6;border-radius:7px;padding:5px 8px;color:#c35f67;font-weight:850;font-size:11px}.data-table .mini-delete:hover{background:#ffebec}.table-footer{padding:13px 2px 0;text-align:right;font-size:11px;color:#92a5b2}.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:15px}.settings-card .section-kicker{margin-bottom:9px}.settings-card h2{font-size:20px;margin-bottom:8px}.settings-card>p{font-size:12px;margin-bottom:22px}.switch-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:20px;background:#f7fbfd;border:1px solid #e1ebf2;border-radius:12px;padding:14px}.switch-row span:first-child{display:grid;gap:2px}.switch-row strong{font-size:13px}.switch-row small{font-size:11px;font-weight:500;color:#9aa8b2}.switch{display:inline-block;flex:none;position:relative;width:45px;height:27px}.switch input{position:absolute;opacity:0;width:100%;height:100%;z-index:1;cursor:pointer}.switch-slider{position:absolute;inset:0;background:#ccd8df;border-radius:99px;transition:background .2s}.switch-slider:before{content:'';position:absolute;width:21px;height:21px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #869ca9;transition:transform .2s}.switch input:checked+.switch-slider{background:#4d91bf}.switch input:checked+.switch-slider:before{transform:translateX(18px)}.form-message{padding:10px 12px;border-radius:10px;background:#eaf8ef;color:#27825c;font-size:12px}.info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e8eef3;gap:14px;font-size:12px}.info-row span{color:#8d9fad}.info-row strong{font-size:12px;color:#58768a}.settings-footnote{margin-top:22px;font-size:12px;line-height:1.9;background:#f4f8fb;padding:14px 15px;border-radius:11px}.site-footer{max-width:1130px;margin:auto;border-top:1px solid #e2ebf1;padding:22px;display:flex;justify-content:space-between;gap:12px;color:#8ba0b0;font-size:11px}.site-footer strong{font-size:12px;color:#72889a}.site-footer span{color:#c0cbd2}.site-footer small{font-size:11px}.toast{position:fixed;right:24px;bottom:26px;background:#2d566e;color:#fff;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:850;z-index:90;box-shadow:0 12px 25px rgba(23,61,85,.2);max-width:min(400px,90vw)}
@media(max-width:1000px){.hero-card{grid-template-columns:1fr 330px}.hero-content{padding:47px 20px 37px 38px}.book-back{left:82px}.book-front{left:94px}.floating-note{right:15px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-grid{grid-template-columns:217px minmax(0,1fr);gap:14px}.questionnaire-card{padding:26px}.side-steps li strong{font-size:12px}}
@media(max-width:730px){.site-header{height:65px}.header-inner{padding:0 15px}.brand-symbol{height:37px;width:37px}.header-badge{display:none}.header-actions{gap:0}.main-content{padding:22px 14px 55px}.hero-card{min-height:0;grid-template-columns:1fr;border-radius:20px}.hero-content{padding:36px 27px 20px}.hero-card h1{font-size:40px}.hero-graphic{min-height:228px}.circle-one{height:330px;width:330px;right:calc(50% - 165px);top:-80px}.circle-two{height:240px;width:240px;right:calc(50% - 120px);top:-40px}.circle-three{height:150px;width:150px;right:calc(50% - 75px);top:2px}.book-back{top:0;left:calc(50% - 80px);height:177px;width:140px}.book-front{top:1px;left:calc(50% - 70px);height:177px;width:145px}.book-label{font-size:53px;margin-top:32px}.book-sparkle{font-size:39px}.floating-note{right:calc(50% - 165px);bottom:9px}.star-one{top:15px;left:calc(50% - 160px)}.star-two{top:5px;right:calc(50% - 152px)}.star-three{bottom:41px;left:calc(50% - 149px)}.home-bottom-grid{grid-template-columns:1fr;gap:13px;margin-top:13px}.intro-card,.journey-card{padding:24px}.intro-card h2{font-size:22px}.survey-heading,.admin-heading{align-items:flex-start}.survey-heading h1,.admin-heading h1{font-size:23px}.survey-heading p,.admin-heading p{font-size:12px}.survey-grid{grid-template-columns:1fr}.survey-aside{display:none}.questionnaire-card{padding:23px 19px;min-height:0}.step-heading h2{font-size:22px}.option-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.option-grid{gap:8px}.option-card{padding:13px 10px;font-size:12px}.scale-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.progress-panel{padding:14px 17px}.charts-grid,.settings-grid{grid-template-columns:1fr}.metrics-grid{gap:9px}.metric-card{padding:16px 14px;min-height:132px}.metric-card>strong{font-size:28px}.metric-card>span{font-size:11px}.metric-icon{width:28px;height:28px;right:12px;top:13px;font-size:15px}.chart-card,.comments-card,.table-card,.settings-card{padding:21px 18px}.dashboard-toolbar{align-items:flex-start}.toolbar-right{gap:6px}.btn-small{font-size:11px}.admin-tabs{gap:16px}.admin-tabs .tab{font-size:12px}.success-card{padding:56px 18px}.success-card h1{font-size:29px}.site-footer{padding:18px 14px;flex-direction:column;gap:4px}.review-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.hero-content{padding:30px 21px 16px}.hero-card h1{font-size:35px}.hero-description{font-size:13px}.eyebrow{font-size:9px;margin-bottom:15px}.hero-tag{font-size:11px}.hero-meta{font-size:11px}.step-navigation .btn{min-width:0;flex:1;padding:10px 11px}.option-grid{grid-template-columns:1fr 1fr}.option-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.option-grid.five .option-card{padding:11px 3px;font-size:11px}.step-heading{gap:9px}.step-icon{width:41px;height:41px;font-size:19px}.step-heading h2{font-size:20px}.question-label{font-size:14px}.admin-login-card{padding:28px 20px}.review-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}