:root{--ink:#121522;--muted:#70768a;--blue:#1554ef;--blue-dark:#0b2b86;--line:#e7eaf2;--paper:#fff;--wash:#f5f7fb;--green:#0e9362;--red:#c33e3e}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.topbar{height:78px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:16px;color:var(--ink);font-weight:800}.brand img{width:128px;max-height:44px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:16px}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a{color:var(--ink);font-weight:650}.nav-cta,.button{background:var(--blue);color:#fff!important;border:0;border-radius:12px;padding:12px 20px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #1554ef20}.nav-cta{padding:9px 15px}.shell{max-width:1180px;margin:0 auto;padding:58px 24px 80px}.hero{max-width:860px;padding:55px 0 86px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:800;margin-bottom:12px}.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px}.hero h1 em{color:var(--blue);font-style:normal}.hero p{max-width:640px;font-size:19px;color:var(--muted)}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button.secondary{background:#fff;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}.button.disabled{background:#edf0f6;color:#888!important;box-shadow:none;pointer-events:none}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature,.survey-card,.result-card,.form-card,.table-card,.auth-card,.question-preview{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:25px}.feature span{color:var(--blue);font-weight:800}.feature h3{margin:22px 0 6px}.feature p,.muted{color:var(--muted)}.page-head,.survey-head{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:32px}.page-head h1,.survey-head h1,.auth-card h1{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:0 0 10px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.section-title h2{margin:0}.section-title span,.tag{color:var(--blue);font-weight:800}.survey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.survey-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.survey-card h3{margin:0;font-size:22px}.survey-card p{margin:0;color:var(--muted);flex:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stats div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.stats b{display:block;font-size:38px}.stats span{color:var(--muted)}.auth-card{max-width:480px;margin:35px auto}.auth-card.wide{max-width:600px}.auth-card form,.form-card form{display:grid;gap:16px}.form-card{max-width:860px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label:last-child{grid-column:1/-1}label{display:grid;gap:7px;font-weight:700}input,select,textarea{width:100%;border:1px solid #dce1ed;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit}textarea{resize:vertical}.flash{padding:13px 17px;border-radius:12px;margin-bottom:16px}.flash.error{background:#fff0f0;color:var(--red)}.flash.success{background:#eafaf3;color:var(--green)}.flash.info{background:#edf3ff;color:var(--blue-dark)}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;color:var(--muted);margin-top:4px}.status{font-weight:800}.status.published{color:var(--green)}.status.draft{color:var(--muted)}.empty{border:1px dashed #ccd3e2;border-radius:16px;padding:30px;color:var(--muted);text-align:center}.question-list{max-width:800px}.question-list fieldset{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px;margin:0 0 16px}.question-list legend{font-size:18px;font-weight:800;padding:0 5px}.question-list sup{color:var(--red)}.rating{display:flex;gap:10px;margin-top:18px}.rating label{display:block}.rating input{position:absolute;opacity:0}.rating span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;cursor:pointer;font-weight:800}.rating input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:6px}.choice{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:500;margin:10px 0}.choice input{width:auto}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.question-preview{display:grid;gap:5px;margin-bottom:10px}.question-preview span,.question-preview small{color:var(--muted)}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px;font-weight:500}.check input{width:auto}.result-card{margin-bottom:16px}.result-card h3{margin:5px 0 18px}.big-number{font-size:48px;font-weight:850;color:var(--blue)}.big-number small{font-size:20px;color:var(--muted)}.bars{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:180px 1fr 35px;align-items:center;gap:10px}.bar-row>div{height:10px;background:#edf0f7;border-radius:10px;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--blue);border-radius:10px}.comments{display:grid;gap:10px}.comments blockquote{margin:0;padding:14px 18px;background:var(--wash);border-left:3px solid var(--blue);border-radius:8px}footer{text-align:center;padding:24px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}@media(max-width:760px){.topbar{padding:0 16px}.brand img{width:100px}.brand span{display:none}.topbar nav{gap:10px;font-size:13px}.shell{padding:35px 16px 60px}.feature-grid,.survey-grid,.stats,.two-col{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label:last-child{grid-column:auto}.page-head{display:block}.page-head>.button{margin-top:15px}.bar-row{grid-template-columns:110px 1fr 25px}}
:is(.panel,.notice){background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.panel{margin:20px 0}.panel h2{margin-top:0}.notice{margin:18px 0}.notice.info{background:#edf3ff;color:var(--blue-dark)}.upload-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.upload-form input[type=file]{max-width:100%;border:1px dashed #cbd3e3;padding:10px}.form-hint{color:var(--muted);font-size:13px}.inline-form{margin-top:12px}.status.success{color:var(--green)}.section-heading{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}.panel table{background:#fff}
:is(.panel,.notice){background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.panel{margin:20px 0}.panel h2{margin-top:0}.notice{margin:18px 0}.notice.info{background:#edf3ff;color:var(--blue-dark)}.upload-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.upload-form input[type=file]{max-width:100%;border:1px dashed #cbd3e3;padding:10px}.form-hint{color:var(--muted);font-size:13px}.inline-form{margin-top:12px}.status.success{color:var(--green)}.section-heading{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}.panel table{background:#fff}.button.compact{padding:8px 12px;font-size:13px;border-radius:9px}