:root{--bg:#0b0f19;--panel:#12182a;--txt:#f8fafc;--muted:#cbd5e1;--accent:#ff4c4c;--brand:#60a5fa;--ok:#34d399;--warn:#fbbf24;--radius:16px;--shadow:0 10px 24px #00000059}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background:#0b0f19;background:var(--bg);background-attachment:fixed;color:#f8fafc;color:var(--txt);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.55;margin:0}.qr-container{margin:0 auto;max-width:860px;padding:28px 18px}.qr-hero{grid-gap:14px;background:linear-gradient(180deg,#60a5fa17,#60a5fa08);border:1px solid #60a5fa33;border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 24px #00000059;box-shadow:var(--shadow);display:grid;gap:14px;padding:26px;text-align:center}.qr-hero .icon{font-size:56px}h1{font-size:clamp(26px,4vw,40px);margin:0}.lead{color:#cbd5e1;color:var(--muted);font-size:clamp(16px,2.5vw,18px)}section{margin:28px 0}h2{font-size:clamp(20px,3vw,26px);margin:0 0 12px}h3{font-size:18px;margin:0 0 8px}.grid{grid-gap:16px;display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:880px){.cols-2,.cols-3{grid-template-columns:1fr}}.card{background:#12182a;background:var(--panel);border:1px solid #ffffff14;border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 24px #00000059;box-shadow:var(--shadow);padding:18px}.k{background:#0e1730;border:1px solid #ffffff26;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;padding:2px 6px}.badge{align-items:center;background:#ff4c4c1f;border-radius:999px;color:#ffd1d1;display:inline-flex;font-weight:700;gap:8px;letter-spacing:.2px;padding:6px 10px}ul.steps{list-style:none;margin:0;padding:0}ul.steps li{align-items:flex-start;display:flex;gap:10px;margin:8px 0}.dot{background:#60a5fa;background:var(--brand);border-radius:50%;flex:0 0 auto;height:10px;margin-top:.6em;width:10px}.ok{color:#c7ffe4}.danger{color:#ffd1d1}.rules{grid-gap:10px;display:grid;gap:10px}.rule{align-items:flex-start;display:flex;gap:10px}.rule .num{align-items:center;background:#60a5fa26;border:1px solid #60a5fa40;border-radius:8px;display:flex;flex:0 0 auto;height:28px;justify-content:center;width:28px}.pill{border:1px solid #ffffff2e;border-radius:999px;display:inline-block;font-size:12px;padding:4px 8px}.pill,footer{color:#cbd5e1;color:var(--muted)}footer{font-size:13px;margin:34px 0 10px;text-align:center}a.btn{border:1px solid #ffffff2e;border-radius:12px;display:inline-block;font-weight:800;letter-spacing:.2px;padding:12px 16px;text-decoration:none}.btn-primary{background:linear-gradient(180deg,#60a5fa,#3b82f6);color:#081226}.qr-alert{background:#ff4c4c26;border:1px solid #ff4c4c4d;border-radius:16px;border-radius:var(--radius);color:#ff4c4c;font-weight:700;margin-bottom:18px;padding:14px 20px;text-align:center}.qr-popup-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.qr-popup-box{background:#12182a;background:var(--panel);border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 24px #00000059;box-shadow:var(--shadow);max-width:500px;padding:28px;text-align:center;width:90%}.qr-popup-button{background:linear-gradient(90deg,#00bcd4,#26d7ae);border:none;border-radius:14px;box-shadow:0 4px 10px #00bcd466;color:#081226;cursor:pointer;font-size:1rem;font-weight:700;margin-top:12px;padding:12px 22px;text-decoration:none;transition:all .3s ease}.qr-popup-button:hover{box-shadow:0 6px 12px #00bcd480;transform:translateY(-2px)}.qr-popup-button:focus,a.btn:focus{outline:2px solid #60a5fa;outline:2px solid var(--brand);outline-offset:3px}.header{align-items:center;background-color:#0f172a;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:relative;z-index:100}.logo{height:50px}.header>a{align-items:center;display:flex;gap:1em;justify-content:center;text-align:center;text-decoration:none}.header>a>h1{color:#fff;font-size:1.75em;text-decoration:none}.nav{background-color:#1e293b;display:flex;flex-direction:column;height:100%;padding-top:60px;position:fixed;right:-250px;top:0;transition:right .3s;width:250px}.nav.open{right:0}.nav a{color:#fff;font-weight:500;padding:15px 20px;text-decoration:none}.nav a:hover{background-color:#3b82f6;border-radius:5px}.menu-toggle{cursor:pointer;display:flex;flex-direction:column;gap:5px}.bar{background-color:#fff;height:3px;transition:all .3s;width:25px}.bar.open:first-child{transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.footer{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-family:Arial,sans-serif;padding:50px 20px 30px;text-align:center}.footer-container{align-items:center;display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:800px}.footer-slogan h3{color:#3b82f6;font-size:1.75rem;margin-bottom:8px}.footer-slogan p{color:#e2e8f0;font-size:1.05rem}.footer-nav{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;margin:auto 0}.footer-nav a{color:#cbd5e1;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.footer-nav a:after{background:#3b82f6;bottom:-3px;content:"";display:block;height:2px;left:0;position:absolute;transition:width .3s;width:0}.footer-nav a:hover{color:#3b82f6}.footer-nav a:hover:after{width:100%}.footer-bottom{border-top:1px solid #334155;color:#94a3b8;font-size:.9rem;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:25px;max-width:800px;padding-top:20px;text-align:center}.footer-bottom p strong{color:#3b82f6}@media (min-width:768px){.footer-container{align-items:flex-start;flex-direction:row;justify-content:space-between;text-align:left}}.quiz-container{border-radius:15px;box-shadow:0 8px 20px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:800px;padding:20px}.qr-hero-quiz{background:#fff;border-left:5px solid #00bcd4;border-radius:12px;padding:25px 20px;text-align:center}.qr-hero-quiz .icon{font-size:40px;margin-bottom:10px}.qr-hero-quiz h2{color:#007c91;margin:10px 0}.qr-hero-quiz p.lead{color:#333;font-size:16px}.quiz-container h1{color:#fff;margin-bottom:30px;text-align:center}.quiz-box{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:20px}.quiz-question{color:#000;font-size:20px;font-weight:600;font-weight:800;margin-bottom:20px}.quiz-answers{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.quiz-option{flex:0 1 auto}.quiz-answer-btn{align-items:center;border:2px solid #b2dfdb;border-radius:10px;color:#004d40;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:12px 20px;transition:all .3s ease;white-space:normal;word-break:break-word}.quiz-answer-btn:hover{background:#b2dfdb}.quiz-answer-btn.selected{background:#00bcd4;border-color:#0097a7;color:#fff}.quiz-option{flex:1 1 auto}.quiz-answer-btn{width:100%}.quiz-next-btn{background:linear-gradient(90deg,#00bcd4,#26d7ae);border:none;border-radius:10px;box-shadow:0 4px 10px #00bcd466;color:#000;cursor:pointer;display:block;font-size:16px;margin:0 auto;padding:12px 30px;transition:all .3s ease;transition:background .3s ease}.quiz-next-btn:hover{background:#004d40}.quiz-explanation{border-radius:10px;font-size:16px;margin-bottom:15px;padding:15px}.quiz-correct{color:#00a800}.quiz-wrong{color:red}.quiz-score{color:#fff;font-size:18px;font-weight:700;margin-top:15px;text-align:right}@media (max-width:600px){.quiz-answer-btn{flex:1 1 100%}}.contact-page{background-color:#f0fdf4;border-radius:15px;box-shadow:0 4px 15px #0000001a;font-family:Arial,sans-serif;margin:50px auto;max-width:600px;padding:30px}.contact-page h2{color:#004d40;font-size:28px;margin-bottom:25px;text-align:center}.contact-page form{display:flex;flex-direction:column;gap:20px}.contact-page label{color:#00796b;font-weight:700;margin-bottom:5px}.contact-page input,.contact-page textarea{border:2px solid #b2dfdb;border-radius:10px;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.contact-page input:focus,.contact-page textarea:focus{border-color:#00bcd4;box-shadow:0 0 5px #00bcd480;outline:none}.contact-page textarea{min-height:120px;resize:vertical}.contact-page button{background-color:#00bcd4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:all .3s ease}.contact-page button:hover{background-color:#0097a7}#status{color:#004d40;font-weight:700;margin-top:15px;text-align:center}@media (max-width:640px){.contact-page{margin:20px;padding:20px}}
/*# sourceMappingURL=main.fee146c9.css.map*/