:root{color:#172033;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.app{min-height:100vh}.header{z-index:10;background:#fff;border-bottom:1px solid #e6eaf2;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand,.nav,.actions{align-items:center;gap:14px;display:flex}.brand{font-size:20px;font-weight:800}.nav a{color:#536075;border-radius:999px;padding:8px 14px}.nav a.active,.nav a:hover{color:#2447c6;background:#edf2ff}.container{max-width:1120px;margin:0 auto;padding:48px 20px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;display:grid}.hero h1{flex-direction:column;align-items:center;margin:0 0 18px;line-height:1;display:flex}.title-top{font-size:clamp(42px,6vw,56px);font-weight:800}.title-bottom{font-size:clamp(28px,4vw,48px);font-weight:700}h2,h3{margin-top:0}.lead,.page-title p,.card p,.feature-card p,.about p,.about li{color:#536075;font-size:18px;line-height:1.6}.eyebrow{color:#2447c6;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:800}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#fff;background:#2447c6}.secondary{color:#172033;background:#fff;border:1px solid #d7deee}.full{width:100%;margin-top:18px}.feature-grid,.cards{gap:18px;display:grid}.feature-card,.card,.question-card,.result-box,.empty,.about,.table-wrap{background:#fff;border:1px solid #e6eaf2;border-radius:28px;padding:26px;box-shadow:0 20px 60px #15234214}.feature-card svg{color:#2447c6}.cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch}.card{flex-direction:column;min-height:340px;display:flex}.card p{flex:1;margin:20px 0 24px}.card .button{margin-top:24px}.badge{color:#2447c6;background:#edf2ff;border-radius:999px;justify-content:center;align-self:center;width:fit-content;padding:8px 18px;font-weight:800;display:inline-flex}.page-title{margin-bottom:26px}.row{justify-content:space-between;align-items:center;gap:18px;display:flex}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.answers{gap:12px;margin:24px 0;display:grid}.answer{cursor:pointer;text-align:left;background:#f7f9fd;border:1px solid #dfe5f1;border-radius:16px;padding:16px}.answer:hover,.answer.selected{background:#edf2ff;border-color:#2447c6}.next{width:100%}.result-box{text-align:center}.score{color:#2447c6;font-size:76px;font-weight:900}.review-list{text-align:left;gap:14px;margin:24px 0;display:grid}.review-card{background:#f7f9fd;border-radius:18px;padding:18px}.center{justify-content:center}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e6eaf2;padding:14px}th{color:#536075}.empty{text-align:center}.about{max-width:820px;margin:0 auto}@media (width<=820px){.header,.nav,.hero,.row{flex-direction:column;align-items:stretch}.header,.nav{display:flex}.hero,.cards{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.button{width:100%}}.auth-card{background:#fff;border:1px solid #e6eaf2;border-radius:28px;max-width:520px;margin:0 auto;padding:32px;box-shadow:0 20px 60px #15234214}.auth-card h1{margin-top:0}.auth-form{gap:18px;margin-top:24px;display:grid}.auth-form label{color:#536075;gap:8px;font-weight:700;display:grid}.auth-form input{font:inherit;border:1px solid #d7deee;border-radius:14px;padding:14px 16px}.auth-form input:focus{border-color:#2447c6;outline:none}.form-error{color:#c62828;margin:0;font-weight:700}.auth-link{color:#536075;text-align:center;margin-bottom:0}.auth-link a{color:#2447c6;font-weight:800}.profile-info{background:#f7f9fd;border-radius:18px;gap:10px;margin:24px 0;padding:20px;display:grid}.profile-info p{margin:0}.nav-icon{color:#536075;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:8px 14px;display:flex}.nav-icon:hover{color:#2447c6;background:#edf2ff}.auth-form textarea,.auth-form select{font:inherit;border:1px solid #d7deee;border-radius:14px;width:100%;padding:14px 16px}.auth-form textarea{resize:vertical;min-height:140px}.auth-form select{min-height:54px}.auth-form textarea:focus,.auth-form select:focus{border-color:#2447c6;outline:none}.admin-page{max-width:1400px;margin:0 auto}.admin-page>.eyebrow,.admin-page>h1,.admin-page>p{text-align:center}.admin-grid{flex-direction:column;align-items:center;gap:40px;margin-top:48px;display:flex}.admin-grid .auth-card{width:100%;max-width:900px}.admin-page>h1{font-size:39px}.admin-page>.eyebrow{font-size:18px}.admin-page>p{font-size:23px}.admin-table{width:100%;max-width:1200px;margin:50px auto 0;overflow:hidden}.admin-table .table-wrap{overflow-x:auto}.admin-table table{table-layout:fixed;width:100%}.admin-table th:first-child,.admin-table td:first-child{width:70px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:42%}.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:24%}.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:220px}.table-actions{flex-direction:column;gap:10px;display:flex}.table-actions .button{white-space:nowrap;width:100%;padding:10px 12px;font-size:18px}.admin-table th:first-child,.admin-table td:first-child{text-align:center}.admin-table td:first-child{font-weight:700}.admin-table td:first-child span{background:#fff;border:2px solid #d7deee;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.modal-overlay{z-index:100;background:#0f172a73;justify-content:center;align-items:flex-start;padding:40px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:28px;width:100%;max-width:720px;max-height:85vh;padding:32px;overflow-y:auto;box-shadow:0 24px 80px #0f172a3d}.readonly-topic{flex-direction:column;gap:10px;display:flex}.readonly-topic span{font-size:18px;font-weight:700}.readonly-topic-value{background:#f7f9fc;border:1px solid #d7deee;border-radius:18px;padding:18px 22px;font-size:20px;font-weight:600}.modal textarea{min-height:110px}