*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;line-height:1.6;color:#fff;background:linear-gradient(135deg,#0f0f10,#1a1a2e,#3a0d57);min-height:100vh;overflow-x:hidden;zoom:.95}.container{max-width:1300px;margin:0 auto;padding:0 25px}.login-page{background:linear-gradient(135deg,#0f0f10,#1a1a2e,#3a0d57);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.login-container{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;width:100%;background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(138,43,226,.2);overflow:hidden;box-shadow:0 20px 60px #0000004d}.login-info{background:linear-gradient(135deg,#8a2be21a,#da70d60d);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative}.login-info:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(138,43,226,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(218,112,214,.1) 0%,transparent 50%);z-index:1}.login-info-content{position:relative;z-index:2}.logo h1{font-size:2.5rem;font-weight:800;background:linear-gradient(45deg,#8a2be2,orchid);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.logo-subtitle{color:#ccc;font-size:1rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.welcome-text{margin:2rem 0}.welcome-text h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#fff}.welcome-text p{color:#ccc;font-size:1rem;line-height:1.6}.features{margin-top:2rem}.feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#ccc}.feature-icon{font-size:1.2rem}.login-form-container{padding:3rem;display:flex;flex-direction:column;justify-content:center}.form-header{text-align:center;margin-bottom:2rem}.form-header h3{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:#fff}.form-header p{color:#ccc;font-size:.9rem}.login-form{width:100%}.form-group{position:relative;margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:1rem 1rem 1rem 3rem;background:#0f0f10cc;border:1px solid rgba(138,43,226,.3);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#8a2be2;box-shadow:0 0 20px #8a2be24d}.form-group input::placeholder{color:#888}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#8a2be2;margin-top:12px}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#8a2be2;cursor:pointer;font-size:1rem;margin-top:12px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem}.checkbox-container{display:flex;align-items:center;cursor:pointer;color:#ccc}.checkbox-container input{width:auto;margin-right:.5rem}.forgot-password{color:#8a2be2;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:orchid}.login-button{width:100%;padding:1.2rem;background:linear-gradient(45deg,#8a2be2,orchid);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8a2be266}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover .button-glow{left:100%}.error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;padding:1rem;margin-top:1rem;display:flex;align-items:center;gap:.5rem;color:#ff6b6b}.login-footer{text-align:center;margin-top:2rem;color:#ccc;font-size:.9rem}.contact-link{color:#8a2be2;text-decoration:none}.contact-link:hover{color:orchid}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;width:4px;height:4px;background:#8a2be299;border-radius:50%;animation:float 6s ease-in-out infinite}.particle:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle:nth-child(2){top:60%;left:80%;animation-delay:2s}.particle:nth-child(3){top:80%;left:40%;animation-delay:4s}.particle:nth-child(4){top:40%;left:60%;animation-delay:1s}.particle:nth-child(5){top:10%;left:90%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.1);opacity:1}}.course-page{background:linear-gradient(135deg,#0f0f10,#1a1a2e,#2d1b3d)}.course-header{background:#0f0f10f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(138,43,226,.2);padding:1rem 0;position:relative}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.course-logo h1{font-size:1.5rem;font-weight:700;color:#fff}.course-logo span{background:linear-gradient(45deg,#8a2be2,orchid);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.course-title{font-size:1.2rem;font-weight:600;background:linear-gradient(45deg,#8a2be2,orchid,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;flex:1}.user-menu{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;background:linear-gradient(45deg,#8a2be2,orchid);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.user-info{display:flex;flex-direction:column;gap:.2rem}.user-name{font-size:.9rem;font-weight:500;color:#fff}.logout-link{font-size:.8rem;color:#8a2be2;text-decoration:none;transition:color .3s ease}.logout-link:hover{color:orchid}.welcome-section{padding:4rem 0;text-align:center}.welcome-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.highlight{background:linear-gradient(45deg,#8a2be2,orchid);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-subtitle{font-size:1.2rem;color:#ccc;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.video-container{max-width:900px;margin:0 auto}.video-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;background:#000}.video-player{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000;border-radius:20px;overflow:hidden}.video-player video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:20px}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px;display:flex;align-items:center;gap:15px;opacity:0;transition:opacity .3s ease}.video-player:hover .video-controls{opacity:1}.play-pause-btn{background:#8a2be2cc;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-pause-btn:hover{background:#8a2be2;transform:scale(1.1)}.progress-bar{flex:1;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;position:relative}.progress-fill{height:100%;background:linear-gradient(45deg,#8a2be2,orchid);border-radius:3px;width:0%;transition:width .1s ease}.time-display{color:#fff;font-size:14px;font-weight:500;min-width:80px;text-align:center}.volume-control{display:flex;align-items:center;gap:8px}.volume-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px}.volume-slider{width:60px;height:4px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.fullscreen-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px}.video-placeholder{background:#1a1a2ecc;border:2px solid rgba(138,43,226,.3);border-radius:20px;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s ease;cursor:pointer;display:none}.video-placeholder:hover{border-color:#8a2be299;transform:translateY(-5px);box-shadow:0 25px 50px #8a2be233}.play-button{width:80px;height:80px;background:linear-gradient(45deg,#8a2be2,orchid);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;transition:all .3s ease;margin-bottom:1rem}.play-button:hover{transform:scale(1.1);box-shadow:0 10px 30px #8a2be266}.video-placeholder h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.video-placeholder p{color:#ccc;font-size:1rem}.modules-section{padding:7rem 0;background:#0f0f104d}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#8a2be2,orchid,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{text-align:center;color:#ccc;font-size:1.1rem;margin-bottom:4rem}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.module-card{background:#1a1a2ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(138,43,226,.2);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(45deg,#8a2be2,orchid);transform:scaleX(0);transition:transform .3s ease}.module-card:hover:before{transform:scaleX(1)}.module-card:hover{transform:translateY(-10px);border-color:#8a2be280;box-shadow:0 20px 40px #8a2be233}.module-header{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1.5rem}.module-number{background:linear-gradient(45deg,#8a2be2,orchid);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;flex-shrink:0}.module-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:#fff}.module-description{color:#ccc;margin-bottom:1.5rem;line-height:1.6}.module-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem}.module-duration{color:orchid;font-weight:500}.module-status.completed{color:#0f8;font-weight:500}.module-button{width:100%;padding:1rem;background:linear-gradient(45deg,#8a2be2,orchid);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.module-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8a2be266}.module-card.completed .module-button span{color:#0f8}.bonus-section{padding:7rem 0;background:linear-gradient(135deg,#8a2be226,#da70d614);position:relative}.bonus-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(218,112,214,.08) 0%,transparent 50%);z-index:1}.bonus-content{position:relative;z-index:2}.bonus-content{max-width:1000px;margin:0 auto;text-align:center}.bonus-header{margin-bottom:3rem}.bonus-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.bonus-icon{font-size:2.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.bonus-subtitle{color:#ccc;font-size:1.1rem}.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-bottom:3rem}.bonus-item{background:#1a1a2ecc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(138,43,226,.3);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.bonus-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(45deg,#8a2be2,orchid);transform:scaleX(0);transition:transform .3s ease}.bonus-item:hover{transform:translateY(-5px);border-color:#8a2be280;box-shadow:0 15px 35px #8a2be233}.bonus-item:hover:before{transform:scaleX(1)}.bonus-item-icon{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#8a2be2,orchid);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bonus-item h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#fff}.bonus-item p{color:#ccc;margin-bottom:1.5rem;line-height:1.6}.bonus-button{background:linear-gradient(45deg,#8a2be2,orchid);border:none;border-radius:8px;color:#fff;padding:.8rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.bonus-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8a2be266}.bonus-tools{background:#1a1a2e99;border:1px solid rgba(138,43,226,.2);border-radius:15px;padding:2rem;margin:3rem 0;text-align:center}.bonus-tools h3{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.tool-link{background:#8a2be233;border:1px solid rgba(138,43,226,.3);border-radius:8px;padding:.8rem 1rem;color:orchid;text-decoration:none;font-weight:500;transition:all .3s ease;display:block}.tool-link:hover{background:#8a2be24d;border-color:#8a2be280;transform:translateY(-2px);color:#fff}.bonus-suggestions{background:#1a1a2e99;border:1px solid rgba(138,43,226,.2);border-radius:15px;padding:2rem;margin:3rem 0;text-align:left}.bonus-suggestions h3{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#fff;text-align:center}.bonus-suggestions ul{list-style:none;padding:0}.bonus-suggestions li{background:#8a2be21a;border-left:3px solid #8a2be2;padding:1rem;margin-bottom:1rem;border-radius:0 8px 8px 0;color:#ccc;font-style:italic}.final-task{background:#1a1a2ecc;border:1px solid rgba(138,43,226,.3);border-radius:15px;padding:2rem;margin:3rem 0;text-align:center}.final-task h3{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.final-task-list{text-align:left;max-width:700px;margin:0 auto;color:#ccc;line-height:1.8}.final-task-list p{background:#8a2be21a;border-left:3px solid #8a2be2;padding:1rem;margin-bottom:.8rem;border-radius:8px;font-size:.95rem}.bonus-value{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#8a2be24d,#da70d633);border-radius:15px;border:1px solid rgba(138,43,226,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #8a2be233}.value-label{color:#ccc;font-size:1.1rem;font-weight:500}.value-amount{font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,#0f8,#00cc6a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.course-footer{background:#0f0f10e6;border-top:1px solid rgba(138,43,226,.2);padding:4rem 0 2.5rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem}.footer-brand h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#8a2be2,orchid);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-brand p{color:#ccc;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.footer-column h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer-column a{display:block;color:#ccc;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.footer-column a:hover{color:orchid}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(138,43,226,.2);color:#888;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.whatsapp-float{position:fixed;bottom:20px;right:20px;z-index:9999;transition:all .3s ease}.whatsapp-button{width:60px;height:60px;background:linear-gradient(45deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d3664d;cursor:pointer;transition:all .3s ease;opacity:.8;text-decoration:none;color:#fff;font-size:1.8rem;border:none;position:relative;overflow:hidden}.whatsapp-button:hover{opacity:1;transform:scale(1.1);box-shadow:0 6px 25px #25d36680}.whatsapp-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.whatsapp-button:hover:before{left:100%}.whatsapp-close{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#333;cursor:pointer;opacity:0;transform:scale(0);transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.whatsapp-float:hover .whatsapp-close{opacity:1;transform:scale(1)}.whatsapp-close:hover{background:#ff4757;color:#fff;transform:scale(1.1)}.whatsapp-tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.whatsapp-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#000c}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible}@keyframes whatsapp-pulse{0%{box-shadow:0 4px 20px #25d3664d}50%{box-shadow:0 4px 20px #25d36699,0 0 0 10px #25d3661a}to{box-shadow:0 4px 20px #25d3664d}}.whatsapp-button.pulse{animation:whatsapp-pulse 2s infinite}@media (max-width: 768px){body{zoom:1}.container{max-width:100%;padding:0 20px}.login-container{grid-template-columns:1fr;margin:.5rem;border-radius:15px}.login-info{padding:1.5rem;order:2}.login-form-container{padding:1.5rem;order:1}.logo h1{font-size:1.8rem}.logo-subtitle{font-size:.9rem;letter-spacing:1px}.welcome-text h2{font-size:1.3rem}.welcome-text p{font-size:.9rem}.features{margin-top:1.5rem}.feature-item{font-size:.9rem;margin-bottom:.8rem}.form-header h3{font-size:1.5rem}.form-header p{font-size:.85rem}.form-group{margin-bottom:1.2rem}.form-group input{padding:.9rem .9rem .9rem 2.5rem;font-size:.95rem}.input-icon{left:.8rem;font-size:.9rem}.toggle-password{right:.8rem;font-size:.9rem}.form-options{flex-direction:column;gap:1rem;align-items:flex-start;font-size:.85rem}.login-button{padding:1rem;font-size:.95rem}.login-footer{font-size:.85rem}.header-content{flex-direction:column;text-align:center;gap:.8rem;padding:.5rem 0}.course-logo h1{font-size:1.3rem}.course-title{font-size:.9rem;margin:.5rem 0}.user-menu{gap:.8rem}.user-avatar{width:35px;height:35px;font-size:1rem}.user-name{font-size:.85rem}.logout-link{font-size:.75rem}.welcome-section{padding:2.5rem 0}.welcome-title{font-size:1.8rem;margin-bottom:.8rem}.welcome-subtitle{font-size:.95rem;margin-bottom:2rem}.video-container{margin:0 1rem}.video-player{border-radius:15px}.video-controls{padding:15px;gap:10px}.play-pause-btn{width:35px;height:35px;font-size:14px}.time-display{font-size:12px;min-width:70px}.volume-slider{width:50px}.video-placeholder{padding:2.5rem 1.5rem}.play-button{width:60px;height:60px;font-size:1.5rem}.video-placeholder h3{font-size:1.2rem}.video-placeholder p{font-size:.9rem}.modules-section{padding:3rem 0}.section-title{font-size:1.8rem;margin-bottom:.8rem}.section-subtitle{font-size:.95rem;margin-bottom:2.5rem}.modules-grid{grid-template-columns:1fr;gap:1.2rem;padding:0 .5rem}.module-card{padding:1.5rem}.module-icon{display:none}.module-number{width:40px;height:40px;font-size:1.1rem}.module-title{font-size:1.2rem}.module-description{font-size:.9rem;line-height:1.5}.module-meta{font-size:.85rem}.module-button{padding:.9rem;font-size:.9rem}.bonus-section{padding:3rem 0}.bonus-title{font-size:1.6rem;flex-direction:column;gap:.5rem}.bonus-icon{font-size:2rem}.bonus-subtitle{font-size:.95rem}.bonus-grid{grid-template-columns:1fr;gap:1.2rem;padding:0 .5rem}.bonus-item{padding:1.5rem}.bonus-item-icon{font-size:2.5rem}.bonus-item h3{font-size:1.1rem}.bonus-item p{font-size:.9rem;line-height:1.5}.bonus-button{padding:.7rem 1.2rem;font-size:.9rem}.bonus-value{flex-direction:column;gap:.5rem;padding:1.2rem}.value-label{font-size:.95rem}.value-amount{font-size:1.5rem}.course-footer{padding:2rem 0 1.5rem}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-brand h3{font-size:1.3rem}.footer-brand p{font-size:.9rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-column h4{font-size:1rem}.footer-column a{font-size:.9rem}.footer-bottom{font-size:.8rem;padding-top:1.5rem}.whatsapp-float{bottom:15px;right:15px}.whatsapp-button{width:55px;height:55px;font-size:1.6rem}.whatsapp-tooltip{right:65px;font-size:.8rem;padding:.4rem .8rem}}@media (max-width: 480px){body{zoom:1}.container{padding:0 15px}.login-info,.login-form-container{padding:1.2rem}.logo h1{font-size:1.6rem}.logo-subtitle{font-size:.8rem}.welcome-text h2{font-size:1.2rem}.welcome-text p,.feature-item{font-size:.85rem}.form-header h3{font-size:1.3rem}.form-group input{padding:.8rem .8rem .8rem 2.2rem;font-size:.9rem}.input-icon{left:.7rem;font-size:.85rem}.toggle-password{right:.7rem;font-size:.85rem}.login-button{padding:.9rem;font-size:.9rem}.course-header{padding:.8rem 0}.header-content{gap:.6rem}.course-logo h1{font-size:1.1rem}.course-title{font-size:.8rem}.user-avatar{width:30px;height:30px;font-size:.9rem}.user-name{font-size:.8rem}.logout-link{font-size:.7rem}.welcome-section{padding:2rem 0}.welcome-title{font-size:1.5rem;line-height:1.3}.welcome-subtitle{font-size:.9rem;margin-bottom:1.5rem}.video-container{margin:0 .5rem}.video-player{border-radius:12px}.video-controls{padding:12px;gap:8px}.play-pause-btn{width:32px;height:32px;font-size:12px}.time-display{font-size:11px;min-width:60px}.volume-control{display:none}.video-placeholder{padding:2rem 1rem}.play-button{width:50px;height:50px;font-size:1.3rem}.video-placeholder h3{font-size:1.1rem}.video-placeholder p{font-size:.85rem}.modules-section{padding:2.5rem 0}.section-title{font-size:1.6rem}.section-subtitle{font-size:.9rem;margin-bottom:2rem}.modules-grid{padding:0 .25rem}.module-card{padding:1.2rem}.module-icon{font-size:1.8rem}.module-number{width:32px;height:32px;font-size:.9rem}.module-title{font-size:1.1rem}.module-description{font-size:.85rem}.module-meta{font-size:.8rem}.module-button{padding:.8rem;font-size:.85rem}.bonus-section{padding:2.5rem 0}.bonus-title{font-size:1.4rem}.bonus-icon{font-size:1.8rem}.bonus-subtitle{font-size:.9rem}.bonus-grid{padding:0 .25rem}.bonus-item{padding:1.2rem}.bonus-item-icon{font-size:2.2rem}.bonus-item h3{font-size:1rem}.bonus-item p{font-size:.85rem}.bonus-button{padding:.6rem 1rem;font-size:.85rem}.bonus-value{padding:1rem}.value-label{font-size:.9rem}.value-amount{font-size:1.3rem}.footer-content{gap:1.2rem}.footer-brand h3{font-size:1.2rem}.footer-brand p{font-size:.85rem}.footer-links{gap:1.2rem}.footer-column h4{font-size:.95rem}.footer-column a{font-size:.85rem}.footer-bottom{font-size:.75rem}.whatsapp-button{width:50px;height:50px;font-size:1.4rem}.whatsapp-tooltip{right:60px;font-size:.75rem;padding:.3rem .6rem}.whatsapp-close{width:20px;height:20px;font-size:.7rem;top:-6px;right:-6px}}@media (max-width: 360px){.container{padding:0 10px}.login-container{margin:.25rem;border-radius:12px}.login-info,.login-form-container{padding:1rem}.welcome-title{font-size:1.3rem}.section-title{padding:1.5rem}.modules-grid,.bonus-grid{gap:1rem}.module-card,.bonus-item{padding:1rem}.whatsapp-button{width:45px;height:45px;font-size:1.2rem}.whatsapp-tooltip{display:none}}