*{box-sizing:border-box}body{margin:0;background:#0e1227;color:#f6f7ff;font-family:Arial,Helvetica,sans-serif}main{max-width:1200px;margin:auto;padding:0 32px}header{min-height:90px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #2d3555}header strong{font-size:23px;letter-spacing:2px;color:#aaa0ff}header small{font-size:13px;letter-spacing:0;color:#b9c4e8}header span{margin-left:auto;color:#a9b4d1;font-size:14px}.welcome{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;min-height:680px}.intro{max-width:690px}.eyebrow{color:#aaa1ff;font-weight:700;letter-spacing:3px;font-size:12px}h1{font-size:clamp(44px,5vw,70px);letter-spacing:-2px;line-height:1.08;margin:22px 0}em{font-style:normal;color:#a79cff}p{color:#b4bdd7;font-size:18px;line-height:1.6}.notice,.empty{color:#9ea9c8;font-size:14px;line-height:1.6}.panel{background:#191f39;border:1px solid #323c5f;border-radius:22px;padding:28px;box-shadow:0 15px 60px #080a1b33}.panel h2,.quizlist h2{font-size:24px;margin:0 0 26px}label{display:block;color:#c8d0e6;font-size:14px;margin:16px 0 7px}input:not([type=radio]),textarea{display:block;width:100%;padding:14px 15px;margin-top:8px;background:#10162e;color:#fff;border:1px solid #465074;border-radius:10px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#a59aff}textarea{resize:vertical;min-height:85px}button{cursor:pointer;background:#8d80ff;border:0;color:#fff;padding:14px 19px;border-radius:10px;font-size:14px;font-weight:700}button:hover{filter:brightness(1.1)}button:disabled{opacity:.6}.panel>button{width:100%;margin-top:17px}.link{background:none;color:#b5aaff}.subtle{background:#272e4a}.dashboard{padding:65px 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.heading h1{font-size:50px}.count{color:#a8b3d2}.workspace{display:grid;grid-template-columns:370px 1fr;gap:24px}.quizlist{min-height:250px}.quizcard{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;background:#191f39;border:1px solid #303958;padding:20px;margin-bottom:12px}.quizcard strong{font-size:18px}.quizcard span{font-size:13px;color:#abb5d3;margin-top:8px}.quizcard.active{border-color:#a99dff}.editor{margin-top:28px}.answergrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answerrow{display:flex;gap:10px;align-items:center}.answerrow input[type=radio]{accent-color:#a99dff}.hint{font-size:13px}.error{position:fixed;bottom:24px;right:24px;max-width:420px;background:#712f49;color:#fff;border-radius:12px;padding:18px}.error button{background:transparent;font-size:20px}select{display:block;width:100%;padding:14px;margin-top:8px;background:#10162e;color:#fff;border:1px solid #465074;border-radius:10px;font:inherit}.preview{margin-top:28px}.preview .quizcard{cursor:default}.preview .quizcard button{margin-top:12px;background:#713e5a}.editor>.subtle{margin-top:10px}.game{max-width:780px;margin:50px auto}.game .pin{font-size:48px;letter-spacing:8px;font-weight:800;color:#b7a9ff}.game .scoreline{padding:12px;border-bottom:1px solid #414b6a}.game input[type=checkbox],.game input[type=radio]{margin-right:10px}.qr{display:inline-flex;background:#fff;padding:8px;border-radius:12px}.timer{font-size:24px;font-weight:800;color:#c5b9ff;margin:16px 0}.analytics{margin-top:28px}.analytics-item{padding:14px 0;border-bottom:1px solid #414b6a}.analytics-item strong{display:block;margin-bottom:10px}.analytics-item small{display:block;color:#b9c4e8;margin-top:8px}.analytics-bars{display:flex;height:15px;overflow:hidden;border-radius:8px;background:#303b56}.analytics-bars span{height:100%}.round-stats{padding:16px;margin:16px 0;border:1px solid #485477;border-radius:12px}.round-stats p{margin:8px 0}.progress{height:10px;border-radius:20px;background:#303b56;overflow:hidden}.progress span{display:block;height:100%;background:#9f90ff;transition:width .3s}footer{padding:40px 0;color:#7883a5;font-size:13px}@media(max-width:800px){main{padding:0 18px}.welcome,.workspace{grid-template-columns:1fr}.welcome{padding:60px 0;gap:25px}header span{display:none}.answergrid{grid-template-columns:1fr}.heading h1{font-size:38px}}
