*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #111111;--bg-secondary: #1C1C1C;--purple-main: #6A0DAD;--purple-hover: #9D4EDD;--text-primary: #EDEDED;--text-secondary: #BDBDBD;--border-radius: 16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{min-height:100vh;padding:20px;max-width:800px;margin:0 auto}.progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background-color:var(--bg-secondary);z-index:1000;opacity:0;transition:opacity .3s ease}.progress-bar.visible{opacity:1}.progress-fill{height:100%;background:linear-gradient(90deg,var(--purple-main),var(--purple-hover));width:0;transition:width .4s ease;box-shadow:0 0 10px var(--purple-main)}.section{display:none;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.section.active{display:block;opacity:1;transform:translateY(0)}.intro-content{text-align:center;padding:60px 20px;max-width:600px;margin:0 auto}.intro-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.intro-text{font-size:1.2rem;line-height:1.6;color:var(--text-secondary);margin-bottom:8px}.intro-subtitle{font-size:1.1rem;color:var(--purple-hover);margin:25px 0 35px;font-weight:500}.btn-primary,.btn-checkout{background:linear-gradient(135deg,var(--purple-main),var(--purple-hover));color:var(--text-primary);border:none;padding:18px 40px;font-size:1.1rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6a0dad4d;animation:pulse 2s infinite}.btn-primary:hover,.btn-checkout:hover{background:linear-gradient(135deg,var(--purple-hover),var(--purple-main));box-shadow:0 6px 25px #9d4edd80;transform:translateY(-2px)}@keyframes pulse{0%,to{box-shadow:0 4px 15px #6a0dad4d}50%{box-shadow:0 4px 25px #9d4edd80}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-content{padding:40px 20px;text-align:center}.question-image{width:100%;max-width:400px;height:auto;border-radius:var(--border-radius);margin-bottom:30px;box-shadow:0 8px 30px #0000004d}.question-text{font-size:1.8rem;font-weight:600;margin-bottom:40px;color:var(--text-primary);line-height:1.4}.options-container{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto}.option-card{background-color:var(--bg-secondary);padding:24px;border-radius:var(--border-radius);border:2px solid transparent;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1.1rem;color:var(--text-primary);box-shadow:0 4px 15px #0003}.option-card:hover{border-color:var(--purple-main);background-color:#252525;transform:translateY(-4px);box-shadow:0 8px 25px #6a0dad4d}.option-card.selected{border-color:var(--purple-hover);background-color:#6a0dad26}.result-content{padding:60px 20px;text-align:center;max-width:700px;margin:0 auto}.result-title{font-size:2.2rem;font-weight:700;margin-bottom:30px;color:var(--purple-hover);line-height:1.3}.result-description{font-size:1.2rem;line-height:1.8;color:var(--text-secondary);margin-bottom:50px}.transition-text{background-color:var(--bg-secondary);padding:40px;border-radius:var(--border-radius);margin-top:40px;box-shadow:0 8px 30px #0000004d}.transition-text p{font-size:1.1rem;margin-bottom:20px;color:var(--text-secondary)}.transition-text ul{list-style:none;margin:30px 0;padding:0}.transition-text li{font-size:1.1rem;margin:15px 0;padding-left:30px;position:relative;color:var(--text-primary)}.transition-text li:before{content:"•";color:var(--purple-hover);font-size:1.5rem;position:absolute;left:0}.highlight{font-weight:600;color:var(--purple-hover)!important;font-size:1.2rem!important}.vsl-content{padding:60px 20px;text-align:center}.vsl-title{font-size:2rem;font-weight:700;margin-bottom:40px;color:var(--text-primary)}.video-container{max-width:800px;margin:0 auto 50px;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 10px 40px #0006;background-color:var(--bg-secondary)}.video-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem}.video-iframe{width:100%;height:500px;border-radius:var(--border-radius)}@media (max-width: 768px){.video-iframe{height:300px}}@media (max-width: 480px){.video-iframe{height:200px}}.video-watched-area{text-align:center;margin-top:40px;padding:30px;background-color:var(--bg-secondary);border-radius:var(--border-radius);border:2px solid var(--purple-main)}.video-watched-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:20px}.btn-mark-watched{background:linear-gradient(135deg,#4caf50,#45a049);color:var(--text-primary);border:none;padding:16px 40px;font-size:1rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.btn-mark-watched:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 25px #4caf5080;transform:translateY(-2px)}.btn-checkout{font-size:1.3rem;padding:22px 50px;margin-top:30px}.btn-checkout.hidden{display:none;opacity:0}.btn-checkout.show{display:block;animation:slideInUp .5s ease}@media (max-width: 768px){.intro-title{font-size:2rem;margin-bottom:15px}.intro-text{font-size:1.1rem;margin-bottom:6px}.intro-subtitle{margin:20px 0 30px}.question-text{font-size:1.5rem}.result-title{font-size:1.8rem}.btn-primary,.btn-checkout{width:100%;padding:18px 30px}.transition-text{padding:30px 20px}}@media (max-width: 480px){.container{padding:15px}.intro-title{font-size:1.8rem;margin-bottom:12px}.intro-text{margin-bottom:5px}.intro-subtitle{margin:18px 0 25px}.question-text{font-size:1.3rem}.option-card{padding:20px;font-size:1rem}.result-title{font-size:1.6rem}.btn-checkout{font-size:1.1rem;padding:18px 30px}}