body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:#020308;color:#fff}.app-root{min-height:100vh;background:radial-gradient(circle at top,#07111e 0,#020308 55%,#000);color:#fff}.hero-logo-container{display:flex;justify-content:center;align-items:center;padding-top:100px;padding-bottom:8px}.hero{position:relative;padding:80px 20px 40px;text-align:center}.hero-logo{width:260px;max-width:72vw;height:auto;display:block;margin-bottom:24px;filter:drop-shadow(0 0 14px rgba(0,168,255,.45))}.hero-title{font-size:2.4rem;margin:8px 0}.hero-subtitle{max-width:540px;margin:0 auto 24px;line-height:1.5;color:#d7e2f5}@media(max-width:480px){.hero-logo{width:210px;margin-bottom:20px}}.accent-text{color:#39b9ff}.cta-button{padding:12px 28px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:.98rem;background:linear-gradient(90deg,#00b4ff,#5b7cff);color:#fff;box-shadow:0 0 18px #00b4ffa6;transition:transform .18s ease,box-shadow .18s ease}.cta-button:hover{transform:translateY(-1px);box-shadow:0 0 26px #00b4ffe6}.concept{padding:40px 20px 10px;max-width:900px;margin:0 auto;text-align:center}.concept h2{font-size:1.7rem;margin-bottom:16px}.concept-text{color:#c7d1e4;margin-bottom:30px}.concept-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:26px}.concept-card{background:#050c18e6;border-radius:18px;padding:18px 16px;border:1px solid rgba(57,185,255,.18)}.concept-emoji{font-size:1.6rem}.concept-card h3{margin:8px 0;font-size:1.05rem}.concept-card p{margin-top:10px;font-size:.9rem;line-height:1.35;word-break:normal;white-space:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.survey{padding:30px 20px 60px;max-width:900px;margin:0 auto}.survey h2{text-align:center;margin-bottom:8px}.survey-subtitle{text-align:center;color:#c7d1e4;margin-bottom:28px}.survey-header{margin-bottom:1.5rem}.survey-step-indicator{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);margin-bottom:.75rem;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;opacity:.95}.survey-step-dot{width:8px;height:8px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#6bffe0,#00c2ff);box-shadow:0 0 8px #00ffc8cc;animation:survey-dot-pulse 1.6s infinite ease-out}.survey-step-text{font-weight:500;color:#ffffffe6}.survey-step-wrapper{margin-bottom:.6rem}@keyframes survey-dot-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.8}to{transform:scale(1);opacity:1}}.survey-form{background:#050c18f5;border-radius:22px;padding:24px 20px 28px;border:1px solid rgba(57,185,255,.35);box-shadow:0 0 26px #000000b3}.form-group{margin-bottom:18px;text-align:left;opacity:.9;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out}.form-group-active{opacity:1;transform:translateY(-2px)}.form-group label{display:block;margin-bottom:10px;font-weight:500}.options-row{display:flex;flex-wrap:wrap;gap:8px}.option-pill{background:#050916;border-radius:999px;padding:6px 14px;border:1px solid rgba(108,173,255,.6);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.option-pill input{display:none}.option-pill span{color:#e6f2ff}.option-pill:has(input:checked){background:linear-gradient(90deg,#00b4ff,#5b7cff);border-color:transparent}select,input[type=email],textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(108,173,255,.5);background:#020308;color:#fff;font-size:.95rem}select:focus,input:focus,textarea:focus{outline:none;border-color:#00b4ff;box-shadow:0 0 0 1px #00b4ff66}.survey-email-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(108,173,255,.5);background:#020308;color:#fff;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease,background-color .2s ease}.survey-email-input-error{border-color:#ff4d4f!important;color:#ff4d4f;background:#1b0f10;box-shadow:0 0 0 1px #ff4d4f73}.survey-email-input-error::placeholder{color:#ffb3b3}.privacy-note{font-size:.8rem;color:#9eacc5}.status{margin:8px 0;font-size:.9rem}.status.success{color:#6be3a1}.status.error{color:#f77}.attempt-warning{margin-top:4px;font-size:.85rem;color:#ffd66b;font-weight:500}.attempt-error{margin-top:6px;font-size:.9rem;color:#ff6b6b;font-weight:600}.submit-button{margin-top:1.5rem;width:100%;padding:.9rem 1.4rem;border-radius:999px;border:none;font-weight:600;font-size:.98rem;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;color:#050816;background-image:repeating-linear-gradient(90deg,#34ffd2 0px 80px,#00a7ff 220px,#006eff,#00a7ff 580px,#34ffd2 720px 800px);background-size:800px 100%;background-position:0px 50%;animation:submit-gradient-move 4s linear infinite;box-shadow:0 10px 28px #000000a6,0 0 18px #00c8ff73;transition:transform .14s ease-out,box-shadow .14s ease-out,filter .14s ease-out,opacity .14s ease-out}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px #000000bf,0 0 22px #00e6ff8c;filter:brightness(1.05)}.submit-button:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 6px 18px #000000b3,0 0 16px #00b4e673}.submit-button:disabled{opacity:.9;cursor:not-allowed;box-shadow:none;animation:submit-gradient-move 1.2s linear infinite}.footer{text-align:center;padding:18px 10px 30px;font-size:.82rem;color:#7e8aa4}.footer-secondary{margin-top:4px}.privacy-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:#c7d1e4}.privacy-checkbox input[type=checkbox]{margin-top:3px}.success-screen{max-width:600px;margin:0 auto 60px;padding:32px 20px 40px;text-align:center;background:#050c18f5;border-radius:22px;border:1px solid rgba(107,227,161,.5);box-shadow:0 0 28px #000000bf}.success-screen h2{margin-top:18px;margin-bottom:12px}.checkmark-wrapper{display:flex;justify-content:center;align-items:center}.checkmark-circle{width:80px;height:80px;border-radius:50%;border:4px solid #00a8ff;display:flex;justify-content:center;align-items:center;position:relative;animation:pop-in .4s ease-out forwards;box-shadow:0 0 18px #00a8ff8c}@keyframes pop-in{0%{transform:scale(.2);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.privacy-checkbox-error{background:#ff00000d;padding:8px 10px;border-radius:8px;transition:all .3s ease}.privacy-checkbox-error input[type=checkbox]{outline:2px solid #ff6b6b;box-shadow:0 0 8px #ff6b6b66}.privacy-checkbox-error span{color:#ff6b6b;font-weight:700}.flash-error{animation:flash-border .6s ease-in-out 2}@keyframes flash-border{0%,to{box-shadow:none}50%{box-shadow:0 0 18px #ff4d4dcc}}.success-screen{max-width:640px;width:100%;margin:0 auto;padding:32px 24px 40px;text-align:center;background:#050c18fa;border-radius:24px;border:1px solid #00a8ff;box-shadow:0 0 24px #00a8ff59}.success-screen h2{margin-top:18px;margin-bottom:12px;font-size:1.4rem}.success-screen p{color:#c7d1e4;line-height:1.5}.success-note{margin-top:12px;font-size:.85rem;color:#9eacc5}.checkmark{position:absolute;top:50%;left:50%;width:32px;height:18px;border-left:4px solid #ffffff;border-bottom:4px solid #ffffff;opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(0);transform-origin:center;animation:draw-check .5s .25s ease-out forwards}@keyframes pop-in{0%{transform:scale(.2);opacity:0}80%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes draw-check{0%{transform:translate(-50%,-50%) rotate(-45deg) scale(0);opacity:0}60%{transform:translate(-50%,-50%) rotate(-45deg) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) rotate(-45deg) scale(1);opacity:1}}.success-fullscreen{min-height:70vh;display:flex;align-items:center;justify-content:center}.success-note{margin-top:16px;font-size:.9rem;color:#9eacc5}.success-brand{margin-top:18px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#6be3a1}.status.error{color:#ff6b6b;font-size:1.1rem;margin-top:10px;font-weight:600}.admin-page{min-height:100vh;padding:32px 24px 64px;background:radial-gradient(circle at top,#0c1724 0,#020711 55%,#000);color:#f5f7ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.admin-title{font-size:32px;font-weight:800;letter-spacing:.04em;margin-bottom:24px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.last-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:.01em;background:#94a3b829;border:1px solid rgba(148,163,184,.5);color:#e5e7eb;white-space:nowrap}.last-badge.fresh{background:#22c55e1f;border-color:#22c55eb3;color:#bbf7d0;box-shadow:0 0 18px #22c55e59}.last-badge.stale{background:#94a3b824;border-color:#94a3b899;color:#e5e7eb}.last-badge-icon,.last-badge-ok{font-size:16px}.last-badge-alert{font-size:16px;color:#f97373}.admin-loading,.admin-error{margin-top:24px;font-size:16px}.admin-error{color:#ff6b6b}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.admin-stat-card{padding:16px 18px;border-radius:20px;background:#040a19e6;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #0009}.admin-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#fff9}.admin-stat-value{display:block;margin-top:6px;font-size:22px;font-weight:700}.admin-stat-sub{font-size:13px;opacity:.85}.admin-stat-total{border-color:#ffffff2e}.admin-stat-yes{border-color:#50fa7bbf;box-shadow:0 0 22px #50fa7b73}.admin-stat-no{border-color:#ff453abf;box-shadow:0 0 22px #ff453a73}.admin-section{margin-top:32px}.admin-subtitle{font-size:20px;font-weight:700;margin-bottom:12px}.admin-table{border-radius:22px;overflow:hidden;background:#040914f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #000000bf}.admin-table-header{display:grid;grid-template-columns:2.6fr 1.6fr .6fr 1fr 1.2fr;padding:12px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#fff9;background:radial-gradient(circle at top,#071221 0,#050b17 60%);border-bottom:1px solid rgba(255,255,255,.08)}.admin-th{white-space:nowrap}.admin-table-body{max-height:520px;overflow-y:auto}.admin-row{display:grid;grid-template-columns:2.6fr 1.6fr .6fr 1fr 1.2fr;align-items:center;width:100%;padding:12px 18px;background:transparent;color:inherit;border:none;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;text-align:left;transition:background .15s ease,transform .08s ease,box-shadow .15s ease}.admin-row:hover{background:#ffffff08;transform:translateY(-1px)}.admin-td{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-td-email{padding-right:12px}.admin-td-date{font-variant-numeric:tabular-nums}.admin-td-score{text-align:center}.admin-td-int{display:flex;justify-content:flex-start}.admin-table-empty{padding:18px;font-size:14px;opacity:.8}.admin-pill{padding:4px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.admin-pill-yes{background:#50fa7b24;color:#50fa7b;border-color:#50fa7bb3;box-shadow:0 0 12px #50fa7b73}.admin-pill-no{background:#ff453a24;color:#ff453a;border-color:#ff453ab3;box-shadow:0 0 12px #ff453a73}.admin-badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.18);opacity:.95;white-space:nowrap}.admin-badge-subscribed{background:#2ecc711f;border-color:#2ecc7159;color:#bbf7d0;box-shadow:0 0 12px #2ecc7140}.admin-badge-survey{background:#3498db1f;border-color:#3498db59;color:#cfe9ff;box-shadow:0 0 12px #3498db2e}.admin-row-last{box-shadow:0 0 0 1px #5865f2f2,0 0 18px #5865f2b3}.admin-detail{margin-top:28px;padding:20px 20px 22px;border-radius:22px;background:#050a16f7;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px #000c;scroll-margin-top:80px}.admin-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.admin-detail-header h2{font-size:18px;font-weight:700}.admin-detail-close{border-radius:999px;border:1px solid rgba(255,255,255,.18);padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;background:#ffffff0d;color:#f5f7ff}.admin-detail-close:hover{background:#ffffff1f}.admin-detail-meta{font-size:13px;opacity:.9;margin-bottom:14px}.admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.admin-detail-card{background:#050a16;border-radius:18px;padding:12px 14px;border:1px solid rgba(255,255,255,.09)}.admin-detail-card-wide{grid-column:1 / -1}.admin-detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#fff9}.admin-detail-value{margin-top:6px;font-size:14px;line-height:1.35;word-break:break-word;white-space:normal}.validation-card{margin-top:1.5rem;margin-bottom:1.5rem;padding:1.2rem 1.5rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top left,#5aff8c14,#05080f);display:flex;flex-direction:column;gap:.4rem}.validation-main{display:flex;flex-direction:column;gap:.25rem}.validation-title{font-size:1.15rem;font-weight:700;color:#fff}.validation-subtitle{font-size:.95rem;color:#ffffffd9}.validation-hint{font-size:.85rem;color:#ffffffb3}.validation-good{border-color:#2effa080;box-shadow:0 0 25px #2effa02e}.validation-medium{border-color:#ffc40099;box-shadow:0 0 20px #ffc40026}.validation-low{border-color:#ffffff2e}.validation-bad{border-color:#ff5050b3;box-shadow:0 0 25px #ff505033}.validation-none{border-style:dashed;border-color:#ffffff40}.row-selected{background:#ffffff08}.row-highlight{animation:rowHighlight 1.2s ease-out}@keyframes rowHighlight{0%{box-shadow:0 0 #2effa000;background:#2effa00d}50%{box-shadow:0 0 18px #2effa073;background:#2effa01f}to{box-shadow:0 0 #2effa000;background:transparent}}.last-survey-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:#10b9812e;border:1px solid rgba(16,185,129,.6);font-size:.8rem;color:#e5fff3}.badge-icon{font-size:.9rem}.answer-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px 10px;border-radius:16px;text-align:center;gap:6px}.answer-card .icon{font-size:24px}.answer-label{font-size:13px;line-height:1.2;word-break:break-word;max-width:7rem}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.admin-header-left{display:flex;flex-direction:column;gap:.5rem}.admin-logout-btn{padding:.5rem 1.4rem;border-radius:999px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.03em;background:linear-gradient(135deg,#ff4b4b,#ff7a7a);color:#fff;box-shadow:0 0 0 1px #ffffff0f,0 12px 30px #0006;transition:transform .12s ease-out,box-shadow .12s ease-out,opacity .12s ease-out}.admin-logout-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff1a,0 16px 40px #00000080}.admin-logout-btn:active{transform:translateY(0);box-shadow:0 0 0 1px #ffffff0d,0 6px 18px #0009;opacity:.9}.survey-email-input-error{border:2px solid #ff4444!important;color:#f44!important}.survey-email-input-success{border:2px solid #00c853!important;color:#00c853!important;font-weight:600}.survey-card-locked{border:1px dashed rgba(255,255,255,.25);background:radial-gradient(circle at top left,#00ffc817,#000000e6)}.survey-text-secondary{margin-top:.75rem;font-size:.9rem;color:#fff9}@keyframes submit-gradient-move{0%{background-position:0px 50%}to{background-position:800px 50%}}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;border:1px solid rgba(255,255,255,.12);width:fit-content}.admin-badge-subscribed{background:#22c55e1a;border-color:#22c55e59;color:#bbf7d0f2;box-shadow:0 0 18px #22c55e2e}.admin-badge-survey{background:#94a3b81a;border-color:#94a3b84d;color:#e2e8f0d9}