:root{--wl-bg:#0f172a;--wl-deep:#0b1324;--wl-panel:rgba(20,31,52,.88);--wl-line:rgba(148,163,184,.18);--wl-cyan:#38bdf8;--wl-muted:#94a3b8;--wl-text:#f8fafc}
.wl-quiz{background:radial-gradient(circle at 12% 4%,rgba(56,189,248,.12),transparent 28rem),radial-gradient(circle at 88% 26%,rgba(139,92,246,.1),transparent 32rem),linear-gradient(180deg,var(--wl-bg),var(--wl-deep));padding:90px 20px 40px;box-sizing:border-box;display:block}
.wl-quiz .quiz-container{margin:auto;border-radius:24px;background:var(--wl-panel);border-color:var(--wl-line);box-shadow:0 28px 80px rgba(2,6,23,.42)}
.wl-home{position:absolute;left:24px;top:26px;color:var(--wl-cyan);font-weight:bold;text-decoration:none}
.wl-quiz .logo,.wl-quiz .mini-logo{background-image:url('/assets/web-labs-logo.png');background-size:contain;background-repeat:no-repeat;background-color:transparent;border:0;box-shadow:none}
.wl-quiz .option-btn{border-width:1px;border-color:var(--wl-line);border-radius:14px;background:rgba(2,6,23,.35)}
.wl-quiz .option-btn.selected{background:rgba(56,189,248,.22);border-color:var(--wl-cyan);color:var(--wl-text);box-shadow:0 0 0 2px rgba(56,189,248,.16),0 8px 22px rgba(2,6,23,.22)}
.wl-quiz .name-input{box-sizing:border-box;border-width:1px;border-color:var(--wl-line);border-radius:13px;background:rgba(2,6,23,.35)}
.wl-quiz .start-btn,.wl-quiz .next-btn,.wl-quiz .submit-btn,.wl-quiz .btn-restart{border-radius:13px;text-transform:none;letter-spacing:0;font-size:1rem}
.wl-quiz .submit-btn{background:var(--wl-cyan)}
.wl-quiz #btn-download{background:var(--wl-cyan)!important}
.wl-quiz #service-message{max-width:900px;margin:20px auto 0;color:#cbd5e1;line-height:1.6;white-space:pre-line}
.wl-quiz #certificate-link{display:inline-block;text-decoration:none;background:var(--wl-cyan);margin-bottom:24px}
.wl-quiz #attempts-info{height:auto!important;line-height:1.5}
.wl-course,.wl-course .slide{background:var(--wl-bg);color:var(--wl-text)}
.wl-course .bg-gradient{background:radial-gradient(circle at 12% 4%,rgba(56,189,248,.12),transparent 28rem),linear-gradient(180deg,var(--wl-bg),var(--wl-deep))}
.wl-course .bg-module{background:radial-gradient(circle at 80% 30%,rgba(139,92,246,.12),transparent 34rem),linear-gradient(135deg,var(--wl-bg),var(--wl-deep))}
.wl-course .bg-alert{background:radial-gradient(circle at 15% 10%,rgba(251,113,133,.13),transparent 34rem),linear-gradient(135deg,var(--wl-bg),var(--wl-deep))}
.wl-course .card{background:var(--wl-panel);border-radius:20px;box-shadow:0 20px 50px rgba(2,6,23,.28)}
.wl-course .interactive-box{background:var(--wl-panel);border-color:var(--wl-line);border-radius:18px}
.wl-course button{background:var(--wl-panel);border-color:var(--wl-line);border-radius:12px}
.wl-course button:hover{background:var(--wl-cyan);color:var(--wl-bg)}
.wl-course .neon-main,.wl-course .neon-sub{text-shadow:none}
.wl-course h1,.wl-course h2,.wl-course .highlight{color:var(--wl-cyan)}
.wl-course [style*="Logo_new_200x200.jpg"]{background-image:url('/assets/web-labs-logo.png')!important}
.wl-course .watermark{background-image:url('/assets/web-labs-logo.png')}
.wl-certificate .a4-wrapper{background:var(--wl-deep)}
.wl-certificate .cert-container{background:radial-gradient(circle at 15% 5%,rgba(56,189,248,.1),transparent 70%),linear-gradient(135deg,var(--wl-bg),var(--wl-deep));border-color:rgba(56,189,248,.25)}
.wl-certificate .title h1{text-shadow:none;color:var(--wl-text)}
.wl-certificate .logo{background-image:url('/assets/web-labs-logo.png');background-size:contain;background-repeat:no-repeat;background-position:center}
.wl-certificate .edit-input{pointer-events:none;border-color:transparent;background:transparent}
.wl-certificate .certificate-actions{position:fixed;top:18px;left:18px;display:flex;gap:12px;z-index:1001}
.wl-certificate .certificate-actions a,.wl-certificate .certificate-actions button{background:#142034;border:1px solid rgba(56,189,248,.3);border-radius:12px;color:#38bdf8;padding:12px 18px;text-decoration:none;font:700 14px sans-serif;cursor:pointer}
.wl-certificate{background:linear-gradient(180deg,var(--wl-bg),var(--wl-deep));overflow-x:auto;padding:100px 0 24px;box-sizing:border-box}
@media(max-width:680px){.wl-quiz{padding:75px 14px 28px}.wl-quiz .quiz-container{padding:24px 18px}.wl-quiz .name-input{width:100%;font-size:1rem}.wl-quiz .start-screen h1{font-size:2rem}.wl-quiz .result-name{font-size:1.5rem;overflow-wrap:anywhere}.wl-quiz .question{font-size:1.1rem}.wl-quiz .header h1{font-size:1.1rem}.wl-quiz .header{gap:12px}.wl-quiz .start-btn{padding:16px 22px}.wl-quiz .score-display{font-size:4rem}}
@media print{.wl-certificate .certificate-actions{display:none!important}.wl-certificate{padding:0!important;display:block!important;overflow:visible!important}.wl-certificate .certificate-stage{width:297mm!important;height:210mm!important}.wl-certificate .a4-wrapper{margin:0!important;transform:none!important}}