:root{--primary:#ff1493;--secondary:#9932cc;--accent:#ffb6c1;--light:#fff0f5;--dark:#4b0082}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}body{font-family:Inter,system-ui,sans-serif;line-height:1.5;color:#1f2937;background:linear-gradient(135deg,var(--light),#fff);overflow-x:hidden;width:100%}.button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(45deg,var(--primary),var(--secondary));border:none;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,20,147,.3)}.button:hover{background:linear-gradient(45deg,var(--secondary),var(--primary));transform:translateY(-2px);color:#fff}.course-hero{background:linear-gradient(135deg,var(--light),rgba(255,182,193,.3));padding:6rem 1rem;margin-bottom:2rem;position:relative;overflow:hidden;width:100%;min-height:fit-content}.course-hero::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--accent) 0,transparent 70%);opacity:.4;animation:rotate 30s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.course-hero h1{font-size:clamp(2rem, 5vw, 3.5rem);color:var(--dark);margin-bottom:1rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.course-hero p{font-size:clamp(1.1rem, 2.5vw, 1.5rem);color:var(--secondary);max-width:600px;font-weight:500}.course-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:2rem;width:100%;padding:0 1rem}.video-player{position:relative;overflow:hidden;background:#000;aspect-ratio:16/9;width:100%;border-radius:.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;color:#fff}.video-player video{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lesson-list{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.lesson-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.lesson-item:hover{background:#f8fafc}.lesson-item.active{background:var(--light);border-left:4px solid var(--primary)}.lesson-number{flex-shrink:0;width:2rem;height:2rem;background:linear-gradient(45deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500}.lesson-description{font-size:.9rem;color:var(--secondary);margin-top:.25rem}.search-container{margin-bottom:1.5rem;position:relative;width:100%}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;transition:all .3s ease}.search-input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px rgba(255,20,147,.1)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--secondary)}.instructor-card{background:linear-gradient(145deg,#fff,var(--light));border:1px solid rgba(255,20,147,.1);padding:1.5rem;margin-top:2rem;box-shadow:0 2px 4px rgba(0,0,0,.05);width:100%}.instructor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.instructor-info{flex:1}.instructor-info h3{margin-bottom:.5rem}.instructor-titles{color:var(--secondary);font-size:.9rem;line-height:1.4}.instructor-avatar{width:80px;height:80px;margin:0;flex-shrink:0}.instructor-bio{margin:1rem 0;line-height:1.7;color:var(--secondary)}.achievement{background:var(--light);padding:.75rem;border-radius:.5rem;margin-top:1rem;border-left:3px solid var(--primary)}.instructor-stats{display:flex;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:2rem;border-radius:.5rem;width:calc(100% - 2rem);max-width:500px;margin:0 1rem;text-align:center}.modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.modal input{width:100%;padding:.75rem;margin:1rem 0;border:2px solid #e5e7eb;border-radius:.5rem}.course-status{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f1f5f9;border-radius:.5rem}.course-status span{color:var(--secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.locked-indicator{display:inline-flex;margin-left:auto;color:var(--secondary)}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(75,0,130,.95);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:1rem;min-height:300px}.video-overlay h3{margin-bottom:1rem;font-size:1.25rem}.video-overlay input{width:90%;max-width:300px;margin:1rem 0}.video-overlay .modal-buttons{width:90%;max-width:300px;display:flex;flex-direction:column;gap:.5rem}.video-overlay .button{width:100%;margin:0}.enroll-button-wrapper{display:flex;align-items:center;height:100%}.subscribe-modal{background:linear-gradient(145deg,#fff,var(--light));padding:2.5rem;border-radius:1rem;width:calc(100% - 2rem);max-width:400px;margin:0 1rem;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);position:relative;overflow:hidden}.subscribe-modal::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(45deg,var(--primary),var(--secondary));opacity:.1;border-radius:0 0 0 100%}.subscribe-modal h2{color:var(--primary);font-size:1.75rem;margin-bottom:1rem}.subscribe-modal .price{background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem;font-weight:800;color:var(--accent);margin:1rem 0}.subscribe-modal .features{text-align:left;margin:1.5rem 0}.subscribe-modal .feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--secondary)}.subscribe-modal .qr-container{background:#fff;padding:1rem;border-radius:.5rem;margin:1.5rem auto;width:fit-content;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.subscribe-modal .qr-code{width:200px;height:200px;object-fit:contain}.subscribe-modal .close-button{position:absolute;top:1rem;right:1rem;background:0 0;border:none;cursor:pointer;color:var(--secondary)}@media (max-width:768px){#instructorContainer{order:-1}.course-container{grid-template-columns:1fr;display:flex;flex-direction:column;width:100%}.course-container>div:first-child{width:100%}.instructor-card{margin-top:0}}@media (max-width:480px){.header{padding:1rem}.course-hero{padding:1.5rem 1rem}.lesson-item{padding:.75rem}.lesson-description{font-size:.8rem}.search-input{padding:.5rem 1rem .5rem 2rem}}