*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:#f6f8fb;color:#1e293b;line-height:1.7;}
.topbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:#ffffff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);}
.top-left{display:flex;align-items:center;gap:15px;}
.back-btn{text-decoration:none;background:#fff7ed;color:#92400e;padding:10px 18px;border-radius:12px;font-weight:800;transition:.25s;border:1px solid #fed7aa;}
.back-btn:hover{background:#f59e0b;color:white;transform:translateY(-2px);}
.logo{font-size:1.5rem;font-weight:900;color:#92400e;letter-spacing:-.03em;}
.course-header{padding:76px 7%;background:linear-gradient(135deg,#92400e,#d97706);display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;color:white;}
.course-info{max-width:700px;}
.course-badge{display:inline-block;background:rgba(255,255,255,.15);padding:10px 18px;border-radius:50px;font-size:.9rem;font-weight:800;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);}
.course-header h1{font-size:clamp(2.1rem,7vw,3rem);font-weight:900;line-height:1.13;margin-bottom:18px;letter-spacing:-.05em;}
.course-header p{font-size:1.06rem;color:#ffedd5;max-width:650px;}
.course-progress-box{background:white;padding:25px;border-radius:24px;min-width:280px;box-shadow:0 15px 40px rgba(0,0,0,.15);}
.progress-text{display:block;font-size:.95rem;font-weight:800;margin-bottom:14px;color:#92400e;}
.progress-bar{width:100%;height:14px;background:#ffedd5;border-radius:50px;overflow:hidden;margin-bottom:12px;}
.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:50px;transition:.4s;}
.progress-percent{font-size:.9rem;font-weight:800;color:#92400e;}
.container{width:min(900px,92%);margin:auto;padding:70px 0;}
.exam-card{background:white;padding:45px;border-radius:32px;box-shadow:0 15px 40px rgba(0,0,0,.08);border:1px solid #fed7aa;margin-bottom:40px;}
.question-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap;}
.question-number{background:#d97706;color:white;padding:10px 18px;border-radius:50px;font-weight:800;font-size:.9rem;}
.question-score{background:#fff7ed;color:#92400e;padding:10px 18px;border-radius:50px;font-weight:800;border:1px solid #fed7aa;}
.exam-card h2{font-size:clamp(1.45rem,4.8vw,2rem);color:#78350f;margin-bottom:32px;line-height:1.38;letter-spacing:-.035em;}
.answers{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;}
.answer-btn{width:100%;min-height:76px;padding:18px 22px;border:none;border-radius:20px;background:#f8fafc;color:#334155;font-size:1.02rem;font-weight:750;font-family:'Inter',sans-serif;text-align:left;cursor:pointer;border:2px solid #e2e8f0;transition:.22s;display:flex;align-items:center;line-height:1.45;}
.answer-btn:hover{background:#fff7ed;border-color:#f59e0b;transform:translateY(-2px);}
.answer-btn.correct{background:#dcfce7;border-color:#16a34a;color:#166534;}
.answer-btn.incorrect{background:#fee2e2;border-color:#dc2626;color:#991b1b;}
.answer-btn:disabled{cursor:not-allowed;transform:none;}
.next-btn,.certificate-btn,.restart-btn{width:100%;border:none;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:17px 22px;border-radius:20px;font-size:1rem;font-weight:900;font-family:'Inter',sans-serif;cursor:pointer;transition:.25s;}
.next-btn,.certificate-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:white;box-shadow:0 14px 30px rgba(217,119,6,.25);}
.next-btn:hover,.certificate-btn:hover,.restart-btn:hover{transform:translateY(-2px);}
.next-btn:disabled,.certificate-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;}
.restart-btn{background:#fff7ed;color:#92400e;border:1px solid #fed7aa;margin-top:12px;}
.result-card{background:white;padding:45px;border-radius:32px;text-align:center;border:1px solid #fed7aa;box-shadow:0 15px 40px rgba(0,0,0,.08);}
.result-card h2{font-size:2.35rem;color:#78350f;margin-bottom:26px;}
.score-circle{width:155px;height:155px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;font-size:2.35rem;font-weight:900;box-shadow:0 16px 35px rgba(217,119,6,.25);}
.result-card h3{font-size:1.65rem;color:#78350f;margin-bottom:12px;}
.result-card>p{color:#64748b;font-weight:650;max-width:680px;margin:0 auto 26px;}
.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0;}
.stat-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:20px;}
.stat-box span{display:block;color:#92400e;font-size:2rem;font-weight:900;line-height:1;}
.stat-box p{color:#64748b;font-weight:800;margin-top:8px;}
.warning-floating-btn{position:fixed;right:22px;bottom:22px;width:68px;height:68px;border-radius:50%;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;font-size:2rem;font-weight:900;box-shadow:0 18px 35px rgba(217,119,6,.35);z-index:2000;cursor:pointer;}
@media(max-width:760px){.course-header{padding:52px 6%;}.course-progress-box{width:100%;min-width:0;}.container{width:min(94%,760px);padding:42px 0;}.exam-card,.result-card{padding:28px 22px;border-radius:26px;}.answer-btn{min-height:72px;padding:16px 18px;font-size:.98rem;}.result-stats{grid-template-columns:1fr;}.warning-floating-btn{width:58px;height:58px;right:18px;bottom:18px;font-size:1.6rem;}}
@media(max-width:420px){.topbar{padding:14px 5%;}.logo{font-size:1.28rem;}.back-btn{padding:9px 14px;}.exam-card h2{font-size:1.35rem;}.answer-btn{font-size:.95rem;}.next-btn,.certificate-btn,.restart-btn{font-size:.96rem;}}