*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #e31e24;--red-dark: #bd2027;--red-soft: #fce9e9;--gold: #fdc84b;--gold-dark: #d4a017;--ink: #121212;--text: #333333;--text-muted: #919191;--bg: #f5f5f5;--surface: #ffffff;--border: #e1e1e1;--shadow: 0 8px 32px rgba(18, 18, 18, .08);--radius: 2px;--container: 1188px;--font: "Mulish", system-ui, sans-serif;--font-display: "Mulish", system-ui, sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);color:var(--text);background:var(--bg);min-height:100vh;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 24px;width:100%}.site-header{background:var(--ink);color:#fff;position:sticky;top:0;z-index:100;border-bottom:3px solid var(--red)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.site-logo{display:flex;align-items:center;min-width:0}.site-logo__image{width:min(300px,42vw);height:auto;max-height:48px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.site-nav a{padding:10px 16px;font-size:.875rem;font-weight:500;color:#ffffffd9;transition:color .15s,background .15s;border-radius:var(--radius)}.site-nav a:hover,.site-nav a.active{color:#fff;background:#e31e2459}.site-nav a.active{box-shadow:inset 0 -2px 0 var(--gold)}.site-header__user{display:flex;align-items:center;gap:12px;font-size:.8rem}.site-header__badge{background:var(--gold);color:var(--ink);padding:3px 8px;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.red-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;border:none;height:50px;padding:0 28px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,transform .1s;border-radius:var(--radius);text-transform:none}.red-btn:hover:not(:disabled){background:var(--red-dark)}.red-btn:active:not(:disabled){transform:translateY(1px)}.red-btn:disabled{opacity:.55;cursor:not-allowed}.red-btn--outline{background:transparent;border:2px solid var(--red);color:var(--red)}.red-btn--outline:hover:not(:disabled){background:var(--red-soft);color:var(--red-dark)}.red-btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border);height:42px}.red-btn--sm{height:40px;padding:0 18px;font-size:.8rem}.red-btn--gold{background:var(--gold);color:var(--ink)}.red-btn--gold:hover:not(:disabled){background:var(--gold-dark);color:#fff}.hero-block{background:var(--surface);border-left:5px solid var(--red);padding:40px 48px;margin-bottom:32px;position:relative;overflow:hidden}.hero-block:after{content:"";position:absolute;top:0;right:0;width:280px;height:100%;background:linear-gradient(135deg,transparent 40%,var(--red-soft) 100%);pointer-events:none}.hero-block__slogan{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-weight:600;margin-bottom:8px}.hero-block__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;text-transform:uppercase;color:var(--ink);line-height:1.1;margin-bottom:12px;letter-spacing:.02em}.hero-block__text{color:var(--text-muted);max-width:520px;font-size:.95rem}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:28px}.tab{padding:14px 24px;background:none;border:none;cursor:pointer;font-weight:500;font-size:.9rem;color:var(--text-muted);position:relative;transition:color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--red)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--red)}.tab__count{display:inline-block;margin-left:8px;background:var(--red-soft);color:var(--red);padding:1px 8px;font-size:.75rem;font-weight:600;border-radius:10px}.survey-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.survey-card{background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;cursor:pointer;text-align:left}.survey-card:hover{box-shadow:var(--shadow);border-color:var(--red)}.survey-card__stripe{height:4px;background:var(--red)}.survey-card__stripe--gold{background:linear-gradient(90deg,var(--gold),var(--gold-dark))}.survey-card__stripe--critical{background:repeating-linear-gradient(-45deg,var(--red),var(--red) 6px,var(--ink) 6px,var(--ink) 12px)}.survey-card__body{padding:24px;flex:1;display:flex;flex-direction:column;gap:12px}.survey-card__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;background:var(--bg);color:var(--text-muted)}.tag--red{background:var(--red-soft);color:var(--red)}.tag--gold{background:#fff8e6;color:#8a6d00}.tag--anon{background:#e8f4ea;color:#2d6a3e}.survey-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;text-transform:uppercase;color:var(--ink);line-height:1.2}.survey-card__desc{font-size:.875rem;color:var(--text-muted);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.survey-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.survey-card__deadline{color:var(--red);font-weight:600}.form-panel{background:var(--surface);border:1px solid var(--border);padding:40px;max-width:480px;width:100%;margin:0 auto}.form-panel--wide{max-width:640px}.form-panel__title{font-family:var(--font-display);font-size:1.75rem;font-weight:900;margin-bottom:8px;color:var(--ink)}.form-panel__sub{color:var(--text-muted);font-size:.875rem;margin-bottom:28px}.field{margin-bottom:18px}.field label{display:block;font-size:.8rem;font-weight:500;margin-bottom:6px;color:var(--text)}.field input,.field select,.field textarea{width:100%;height:48px;padding:0 14px;border:1px solid var(--border);background:#fafafa;border-radius:var(--radius);transition:border-color .15s,background .15s}.field textarea{height:auto;min-height:100px;padding:12px 14px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red);background:#fff}.field-hint{font-size:.75rem;color:var(--text-muted);margin-top:4px}.field-error{font-size:.8rem;color:var(--red);margin-top:6px}.otp-box{background:var(--red-soft);border:1px dashed var(--red);padding:12px 16px;margin-bottom:18px;font-size:.85rem}.otp-box strong{font-family:monospace;font-size:1.1rem;color:var(--red);letter-spacing:.2em}.take-layout{max-width:720px;margin:0 auto}.take-progress{height:4px;background:var(--border);margin-bottom:32px}.take-progress__bar{height:100%;background:var(--red);transition:width .3s}.take-question{background:var(--surface);border:1px solid var(--border);padding:36px}.take-question__num{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--red);font-weight:600;margin-bottom:12px}.take-question__text{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;color:var(--ink);margin-bottom:28px;line-height:1.25}.choice-list{display:flex;flex-direction:column;gap:10px}.choice-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);background:#fafafa;cursor:pointer;transition:border-color .15s,background .15s}.choice-item:hover{border-color:var(--red);background:var(--red-soft)}.choice-item.selected{border-color:var(--red);background:var(--red-soft);box-shadow:inset 3px 0 0 var(--red)}.choice-item input{accent-color:var(--red);width:18px;height:18px}.rating-row{display:flex;flex-wrap:wrap;gap:8px}.rating-btn{width:48px;height:48px;border:1px solid var(--border);background:#fafafa;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .15s;border-radius:var(--radius)}.rating-btn:hover{border-color:var(--red)}.rating-btn.selected{background:var(--red);color:#fff;border-color:var(--red)}.rating-btn.promoter{background:#e8f4ea;border-color:#2d6a3e}.rating-btn.detractor{background:var(--red-soft)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--surface);border:1px solid var(--border);padding:24px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--red)}.stat-card--gold:before{background:var(--gold)}.stat-card__value{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--ink);line-height:1}.stat-card__label{font-size:.8rem;color:var(--text-muted);margin-top:8px;text-transform:uppercase;letter-spacing:.06em}.panel{background:var(--surface);border:1px solid var(--border);margin-bottom:24px}.panel__head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.panel__title{font-family:var(--font-display);font-size:1.1rem;text-transform:uppercase;font-weight:600}.panel__body{padding:24px}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600;background:var(--bg)}.data-table tr:hover td{background:#fafafa}.dist-bar{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:.85rem}.dist-bar__label{width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dist-bar__track{flex:1;height:24px;background:var(--bg);position:relative}.dist-bar__fill{height:100%;background:var(--red);min-width:2px;transition:width .4s}.dist-bar__count{width:36px;text-align:right;font-weight:600;color:var(--ink)}.enps-gauge{display:flex;align-items:center;gap:24px;padding:24px;background:linear-gradient(135deg,var(--ink) 0%,#2a2a2a 100%);color:#fff}.enps-gauge__score{font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--gold);line-height:1}.enps-gauge__meta{display:flex;gap:20px;flex-wrap:wrap}.enps-gauge__item span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.enps-gauge__item strong{font-size:1.25rem}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:#fff}.auth-page:before{content:none}.auth-header{width:100%;padding:28px clamp(20px,5vw,56px);background:#fff;border-bottom:1px solid #ededed}.auth-header__logo{display:inline-flex;align-items:center}.auth-header__logo img{width:min(360px,76vw);height:auto;object-fit:contain}.auth-page__form{flex:1;display:flex;align-items:center;justify-content:center;padding:56px 24px 80px;background:linear-gradient(180deg,#fff,#fafafa)}.form-panel--login{max-width:420px;padding:36px;border:1px solid #e9e9e9;border-radius:20px;background:#fff;box-shadow:0 18px 60px #0000000f}.form-panel__eyebrow{display:inline-flex;margin-bottom:12px;color:var(--red);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.form-panel--login .form-panel__title{font-size:clamp(1.8rem,4vw,2.2rem);line-height:1.12;letter-spacing:-.03em}.form-panel--login .form-panel__sub{line-height:1.55;margin-bottom:30px}.form-panel--login .field label{font-weight:800}.form-panel--login .field input{height:52px;border-radius:12px;background:#fff;border-color:#d7d7d7;font-weight:600}.form-panel--login .field input::placeholder{color:#9b9b9b;font-weight:500}.red-btn--login{width:100%;height:52px;border-radius:12px;font-weight:900;letter-spacing:.02em;box-shadow:none}.auth-switch{text-align:center;margin-top:20px;font-size:.875rem;color:var(--text-muted)}.auth-switch a{color:var(--red);font-weight:600}.page-main{flex:1;padding:32px 0 64px}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state__title{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;color:var(--ink);margin-bottom:8px}.alert{padding:14px 18px;font-size:.875rem;margin-bottom:20px;border-radius:var(--radius)}.alert--error{background:var(--red-soft);color:var(--red-dark);border:1px solid var(--red)}.alert--success{background:#e8f4ea;color:#2d6a3e;border:1px solid #2d6a3e}.alert--info{background:#fff8e6;color:#8a6d00;border:1px solid var(--gold)}.loading-screen{flex:1;display:grid;place-items:center;min-height:60vh}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.toggle{position:relative;width:48px;height:26px;background:var(--border);border:none;cursor:pointer;border-radius:13px;transition:background .2s}.toggle.on{background:var(--red)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle.on:after{transform:translate(22px)}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--red)}.live-dot:before{content:"";width:8px;height:8px;background:var(--red);border-radius:50%;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:900px){.site-nav{display:none}.hero-block{padding:28px 24px}.auth-header{padding-top:24px}.auth-page__form{align-items:flex-start;padding-top:28px}}