@charset "utf-8";@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;background:#000}.section,body{position:relative}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:80px}#home{background:radial-gradient(ellipse at center,#1a1a2e 0,#0f0f0f 100%)}#about{background:linear-gradient(135deg,#0f0f0f,#1a1a2e)}#courses{background:radial-gradient(ellipse at center,#1a1a2e 0,#0f0f0f 100%)}#faculty{background:linear-gradient(135deg,#0f0f0f,#1a1a2e)}#contact{background:radial-gradient(ellipse at center,#1a1a2e 0,#0f0f0f 100%)}.header{position:fixed;top:0;left:0;right:0;height:80px;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 40px;transition:all .3s ease}.header.scrolled{background:rgba(0,0,0,.95);height:70px}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;gap:24px}.logo{text-decoration:none;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:translateY(-2px)}.logo h1{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.5px}.search-container{flex:1 1;max-width:400px;margin:0 24px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{left:12px;color:#d1d7dc;z-index:2}.search-input{padding:12px 12px 12px 40px;border-radius:6px;font-size:14px;transition:all .3s ease}.search-input::placeholder{color:#d1d7dc}.search-input:focus{border-color:hsla(0,0%,100%,.3)}.categories-container{position:relative;flex-shrink:0}.categories-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:6px}.categories-btn:hover{background:hsla(0,0%,100%,.1)}.categories-btn svg{transition:transform .3s ease}.categories-btn:hover svg{transform:rotate(180deg)}.categories-dropdown{position:absolute;top:100%;left:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:20px;min-width:600px;z-index:1001;margin-top:8px}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.category-section h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px}.category-section ul{list-style:none;padding:0;margin:0}.category-section li{margin-bottom:8px}.category-section a{color:#d1d7dc;text-decoration:none;font-size:14px;transition:color .3s ease}.category-section a:hover{color:#fff}.logo .tagline{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:400;margin-top:-2px}.nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:40px;margin:0;padding:0}.nav-list a{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease;position:relative;padding:8px 0}.nav-list a:hover{color:#fff;transform:translateY(-2px)}.nav-list a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.nav-list a:hover:after{width:100%}.header-actions{display:flex;gap:15px}.teach-btn{padding:8px 16px;background:transparent;color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.teach-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.cart-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .3s ease;border-radius:6px}.cart-btn:hover{background:hsla(0,0%,100%,.1)}.cart-btn svg{width:20px;height:20px}.login-btn,.signup-btn{padding:8px 20px;border:none;border-radius:5px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.login-btn{background:transparent;color:#fff;border:1px solid hsla(0,0%,100%,.3)}.login-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.signup-btn{background:#667eea;color:#0f0f0f}.signup-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.hamburger span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:2px}.hamburger.open span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.coverflow-wrapper{width:100%;height:100vh;display:flex;justify-content:center;padding-top:80px}.coverflow-container{height:100%;perspective:1200px}.coverflow,.coverflow-container{width:100%;display:flex;align-items:center;justify-content:center;position:relative}.coverflow{transform-style:preserve-3d;height:400px}.coverflow-item{position:absolute;width:300px;height:300px;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coverflow-item .cover{width:100%;height:100%;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.8);position:relative;overflow:hidden;transform-style:preserve-3d;background:#333}.coverflow-item .cover img{width:100%;height:100%;object-fit:cover;border-radius:10px}.coverflow-item .reflection{position:absolute;top:100%;left:0;width:100%;height:100%;border-radius:10px;transform:scaleY(-1);opacity:.2;filter:blur(2px);background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 50%,#000);overflow:hidden}.coverflow-item.active{z-index:100;transform:translateX(0) translateZ(0) rotateY(0deg)}.coverflow-item.active .cover{box-shadow:0 30px 60px rgba(0,0,0,.9)}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);color:#fff;width:60px;height:60px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200}.nav-button:hover{background:hsla(0,0%,100%,.2);transform:translateY(-50%) scale(1.1)}.nav-button.prev{left:50px}.nav-button.next{right:50px}.dots-container{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:200}.dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.3);cursor:pointer;transition:all .3s ease}.dot.active{background:hsla(0,0%,100%,.8);transform:scale(1.3)}.info{position:absolute;top:120px;left:50%;transform:translateX(-50%);text-align:center;z-index:200;color:#fff}.info h2{font-size:32px;margin-bottom:10px;opacity:0;animation:fadeIn .6s forwards;color:#fff}.info p{font-size:16px;opacity:.7;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.play-pause-button{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200}.play-pause-button:hover{background:hsla(0,0%,100%,.2);transform:translateX(-50%) scale(1.1)}.play-pause-button .pause-icon{font-size:16px;letter-spacing:2px}.about-content{max-width:1400px;margin:0 auto;padding:40px;color:#fff}.about-header{text-align:center;margin-bottom:80px}.about-header h2{font-size:48px;margin-top:60px;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-header p{font-size:20px;color:hsla(0,0%,100%,.8);max-width:600px;margin:0 auto;line-height:1.8}.about-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;margin-bottom:80px}.about-visual{height:600px}.about-visual,.showcase-display{position:relative;display:flex;align-items:center;justify-content:center}.showcase-display{width:100%;max-width:500px;height:500px}.showcase-main{position:relative;width:350px;height:400px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:30px;border:2px solid hsla(0,0%,100%,.1);padding:40px;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 25px 50px rgba(0,0,0,.3)}.showcase-logo,.showcase-main{display:flex;align-items:center;justify-content:center}.showcase-logo{width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;margin-bottom:30px;box-shadow:0 15px 35px rgba(102,126,234,.4)}.showcase-logo svg{width:70%;height:70%}.showcase-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:15px;text-align:center}.showcase-subtitle{font-size:16px;color:hsla(0,0%,100%,.7);text-align:center;margin-bottom:40px;line-height:1.6}.showcase-badges{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.badge{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:8px 16px;font-size:14px;color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.badge:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.badge:active{transform:translateY(0)}.corner-decoration{position:absolute;width:60px;height:60px;border:2px solid hsla(0,0%,100%,.1);border-radius:15px}.corner-decoration.top-left{top:20px;left:20px;border-right:none;border-bottom:none}.corner-decoration.bottom-right{bottom:20px;right:20px;border-left:none;border-top:none}.about-info{color:#fff}.about-info h3{font-size:36px;font-weight:700;margin-bottom:30px;color:#667eea}.about-info p{font-size:18px;line-height:1.8;color:hsla(0,0%,100%,.8);margin-bottom:30px}.feature-list{list-style:none;margin-bottom:40px}.feature-list li{font-size:16px;color:hsla(0,0%,100%,.9);margin-bottom:15px;padding-left:30px;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:#667eea;font-weight:700;font-size:18px}.cta-button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 10px 30px rgba(102,126,234,.3)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(102,126,234,.4)}.cta-button svg{width:20px;height:20px;transition:transform .3s ease}.cta-button:hover svg{transform:translateX(5px)}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;margin-top:60px;padding:40px;background:hsla(0,0%,100%,.05);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{text-align:center}.stat-number{font-size:48px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stat-label{font-size:16px;color:hsla(0,0%,100%,.7)}.contact-content{max-width:1400px;margin:0 auto;padding:40px;color:#fff}.contact-header{text-align:center;margin-bottom:80px}.contact-header h2{font-size:48px;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-header p{font-size:20px;color:hsla(0,0%,100%,.8);max-width:600px;margin:0 auto;line-height:1.8}.contact-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:start}.contact-info-section{color:#fff}.contact-info-section h3{font-size:32px;font-weight:700;margin-bottom:30px;color:#667eea}.contact-info-section p{font-size:18px;line-height:1.8;color:hsla(0,0%,100%,.8);margin-bottom:40px}.contact-details{margin-bottom:40px}.contact-item{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:hsla(0,0%,100%,.05);border-radius:15px;transition:all .3s ease}.contact-item:hover{background:hsla(0,0%,100%,.1);transform:translateX(10px)}.contact-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:30px;height:30px;color:#fff}.contact-text h4{font-size:20px;font-weight:600;margin-bottom:5px;color:#fff}.contact-text p{font-size:16px;color:hsla(0,0%,100%,.7)}.social-links{margin-top:40px}.social-links h4{font-size:24px;font-weight:600;margin-bottom:20px;color:#667eea}.social-buttons{display:flex;gap:15px}.social-btn{width:50px;height:50px;border-radius:12px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);transform:translateY(-3px)}.social-btn svg{width:24px;height:24px}.contact-form-section{color:#fff}.contact-form{background:hsla(0,0%,100%,.05);padding:40px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.form-group{margin-bottom:25px}.form-group label{font-size:16px}.form-group input,.form-group textarea{width:100%;padding:15px 20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;color:#fff;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 20px rgba(102,126,234,.3)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px rgba(102,126,234,.3)}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(102,126,234,.4)}.image-loading{background:#333;position:relative}.image-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.footer{background:rgba(0,0,0,.9);border-top:1px solid hsla(0,0%,100%,.1);padding:40px 0;color:#fff}.footer-content{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-copyright{color:hsla(0,0%,100%,.7);font-size:14px}.footer-copyright a{color:#667eea;text-decoration:none;transition:color .3s ease}.footer-copyright a:hover{color:#5a6fd8}.footer-links{display:flex;gap:30px}.footer-links a{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#667eea}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(20px);box-shadow:0 10px 30px rgba(102,126,234,.3)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(102,126,234,.4)}.courses-container{max-width:1200px;padding:40px 20px;color:#fff}.courses-header{text-align:center;margin-bottom:60px}.courses-header h2{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.courses-header p{font-size:1.2rem;color:#ccc;max-width:600px;margin:0 auto}.courses-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}.search-box{flex:1 1}.search-box input{width:100%;padding:12px 45px 12px 20px;border:2px solid hsla(0,0%,100%,.1);border-radius:25px;background:hsla(0,0%,100%,.05);color:#fff;font-size:1rem;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#4ecdc4;background:hsla(0,0%,100%,.1)}.search-box input::placeholder{color:#999}.search-icon{right:15px;color:#999;font-size:1.2rem}.category-filters{gap:10px}.category-btn{padding:10px 20px;border:2px solid hsla(0,0%,100%,.1);border-radius:25px;transition:all .3s ease;font-size:.9rem}.category-btn:hover{border-color:#4ecdc4;background:rgba(78,205,196,.1)}.category-btn.active{border-color:#4ecdc4;background:#4ecdc4;color:#000}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:30px;gap:30px}.course-card{border-radius:15px;transition:all .3s ease}.course-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:#4ecdc4}.course-thumbnail{height:200px}.course-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-thumbnail img{transform:scale(1.1)}.course-overlay{background:rgba(0,0,0,.5)}.play-btn{width:60px;height:60px;background:#4ecdc4;color:#fff;font-size:1.5rem}.play-btn:hover{background:#45b7d1}.course-level{position:absolute;top:15px;right:15px;padding:5px 12px;background:rgba(0,0,0,.8);color:#fff;border-radius:15px;font-size:.8rem;font-weight:600}.course-content{padding:25px}.course-category{color:#4ecdc4;font-size:.9rem;margin-bottom:10px;letter-spacing:1px}.course-title{font-size:1.3rem;font-weight:600;margin-bottom:10px}.course-description{color:#ccc;margin-bottom:20px}.course-meta{display:flex;gap:20px;font-size:.9rem;color:#999}.course-duration,.course-instructor{display:flex;align-items:center;gap:5px}.duration-icon,.instructor-icon{font-size:1rem}.course-stats{justify-content:space-between;margin-bottom:20px}.course-rating{gap:5px}.star{color:#999;font-size:1rem}.star.filled{color:gold}.rating-text{color:#ccc;font-size:.9rem}.course-students{color:#999;font-size:.9rem}.course-price{font-size:1.5rem;font-weight:700;color:#4ecdc4}.enroll-btn{padding:10px 20px;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.enroll-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(78,205,196,.3)}.no-courses{padding:60px 20px;color:#ccc}.no-courses h3{font-size:1.5rem;margin-bottom:10px;color:#fff}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.video-modal{background:hsla(0,0%,100%,.05);border-radius:15px;max-width:90vw;position:relative}.topic-video-modal{max-width:800px;width:90vw}.close-modal{position:absolute;top:15px;right:15px;width:40px;height:40px;font-size:1.5rem;z-index:10;transition:all .3s ease}.close-modal:hover{background:#ff6b6b;transform:scale(1.1)}.modal-content{display:flex;flex-direction:column;height:100%}.modal-layout{display:flex;height:100%;gap:20px}.video-section{flex:2 1;display:flex;flex-direction:column}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px}.video-info{padding:20px;color:#fff}.video-info h3{font-size:1.5rem;margin-bottom:10px}.video-info p{color:#ccc;margin-bottom:15px;line-height:1.6}.video-meta{gap:20px;flex-wrap:wrap;font-size:.9rem;color:#999}.video-meta span{display:flex;align-items:center;gap:5px}.topics-section{background:rgba(0,0,0,.3);padding:20px;flex:1 1;min-width:300px}.topics-section h4{font-size:1.3rem;margin-bottom:20px;text-align:center}.topics-list{display:flex;flex-direction:column;gap:15px;max-height:300px;overflow-y:auto}.topic-item{display:flex;align-items:center;justify-content:space-between;padding:15px;border-radius:10px;transition:all .3s ease}.topic-item:hover{border-color:#4ecdc4}.topic-header{gap:15px;flex:1 1}.topic-header,.topic-number{display:flex;align-items:center}.topic-number{width:30px;height:30px;border-radius:50%;background:#4ecdc4;color:#000;justify-content:center;font-weight:600;font-size:.9rem}.topic-info{flex:1 1}.topic-info h5{font-size:1rem;margin-bottom:5px}.topic-info p{color:#ccc;font-size:.9rem;margin-bottom:5px;line-height:1.4}.topic-duration{color:#999}.topic-play-btn{width:40px;height:40px;border-radius:50%;background:rgba(78,205,196,.2);border:2px solid #4ecdc4;color:#4ecdc4;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.topic-play-btn:hover{background:#4ecdc4;color:#000;transform:scale(1.1)}@media (max-width:1024px){.about-main{grid-template-columns:1fr;gap:60px}.about-visual{height:400px}.about-info{text-align:center}.feature-list{max-width:500px;margin:0 auto 40px}.stats-section{grid-template-columns:repeat(2,1fr);gap:30px}.contact-container{grid-template-columns:1fr;gap:60px}.contact-info-section{text-align:center}.contact-form-section{max-width:600px;margin:0 auto}}@media (max-width:768px){.header{padding:0 20px}.section{padding-top:80px}.nav{display:none}.nav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.nav-list,.nav.open{flex-direction:column}.nav-list{gap:20px;width:100%}.header-actions{display:none}.hamburger{display:flex}.coverflow-item{width:250px;height:250px}.nav-button{width:50px;height:50px;font-size:20px}.nav-button.prev{left:10px}.nav-button.next{right:10px}.info h2{font-size:2rem}.info p{font-size:1rem}.logo h1{font-size:20px}.about-header h2{font-size:36px}.about-info h3{font-size:28px}.about-visual{height:300px}.showcase-display{max-width:300px;height:300px}.showcase-main{width:250px;height:300px;padding:30px}.showcase-logo{width:80px;height:80px}.showcase-title{font-size:24px}.showcase-subtitle{font-size:14px}.corner-decoration{width:40px;height:40px}.contact-content h2,.stat-number{font-size:36px}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.courses-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}.category-filters{justify-content:center}.courses-grid{grid-template-columns:1fr;gap:20px}.course-card{max-width:400px;margin:0 auto}.video-modal{max-width:95vw;max-height:95vh}.modal-layout{flex-direction:column;gap:10px}.topics-section{padding:15px}.video-section{flex:1 1}.topics-section{min-width:auto;border-left:none;border-top:1px solid hsla(0,0%,100%,.1)}.modal-content{flex-direction:column}.topics-list{max-height:200px}.topic-item{align-items:stretch}.topic-header,.topic-item{flex-direction:column;gap:10px}.topic-header{align-items:flex-start}.topic-play-btn{align-self:center}}@media (max-width:480px){.header{height:70px;padding:0 15px}.header.scrolled{height:60px}.section{padding-top:70px}.logo{gap:8px}.logo h1{font-size:18px}.coverflow-item{width:200px;height:200px}.about-content,.contact-content{padding:20px}.contact-container{gap:40px}.contact-header{margin-bottom:40px}.contact-header h2{font-size:28px}.contact-header p{font-size:16px}.contact-info-section{margin-bottom:30px}.contact-info-section h3{font-size:24px}.contact-info-section>p{font-size:16px}.contact-details{margin-bottom:30px}.contact-item{padding:15px;gap:15px}.contact-icon{width:50px;height:50px}.contact-icon svg{width:24px;height:24px}.contact-text h4{font-size:18px}.contact-text p{font-size:14px}.social-links{margin-top:30px}.social-links h4{font-size:20px}.social-buttons{gap:10px}.social-btn{width:45px;height:45px}.social-btn svg{width:20px;height:20px}.contact-form{padding:30px 20px}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.form-group input,.form-group textarea{padding:12px 15px;font-size:14px}.submit-btn{padding:12px 25px;font-size:16px}.courses-header h2{font-size:2rem}.courses-header p{font-size:1rem}.course-content{padding:20px}.course-meta{flex-direction:column;gap:10px}.course-footer{flex-direction:column;gap:15px;align-items:stretch}.enroll-btn{width:100%}.video-modal{max-width:95vw;max-height:95vh}.topics-list{max-height:150px}.topic-item{padding:12px}.topic-info h5{font-size:.9rem}.topic-info p{font-size:.8rem}}.udemy-courses-section{background:#1c1d1f;min-height:100vh;padding-top:80px}.courses-hero{background:linear-gradient(135deg,#1c1d1f,#2d2f31);padding:60px 0;text-align:center;border-bottom:1px solid #3e4143}.hero-content h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}.hero-content p{font-size:1.125rem;color:#6a6f73;max-width:600px;margin:0 auto;line-height:1.4}.courses-container{max-width:1340px;margin:0 auto;padding:40px 24px}.courses-filters{margin-bottom:32px}.search-section{margin-bottom:24px}.search-box{position:relative;max-width:400px}.search-input{width:100%;padding:12px 16px 12px 48px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;font-size:1rem;color:#fff;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#a435f0;background:hsla(0,0%,100%,.15)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6a6f73}.filters-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-btn{padding:8px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn:hover{background:hsla(0,0%,100%,.1)}.category-btn.active{background:#a435f0;color:#fff;border-color:#a435f0}.sort-select{padding:8px 12px;background:#1c1d1f;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-bottom:40px}.course-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;transition:all .2s ease;cursor:pointer}.course-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.course-thumbnail{position:relative;height:160px;overflow:hidden}.course-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-image{transform:scale(1.05)}.course-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.course-card:hover .course-overlay{opacity:1}.play-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:none;color:#1c1d1f;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.play-btn:hover{transform:scale(1.1)}.course-badges{position:absolute;top:8px;left:8px;flex-direction:column;gap:4px}.badge{padding:2px 8px;border-radius:2px}.course-content{padding:16px}.course-category{color:#6a6f73;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.course-title{font-size:1rem;margin-bottom:8px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{margin-bottom:12px}.course-instructor{color:hsla(0,0%,100%,.7);font-size:.875rem;margin-bottom:4px}.course-stats{margin-bottom:12px}.course-rating{display:flex;align-items:center;gap:4px}.rating-count{color:hsla(0,0%,100%,.6);font-size:.875rem}.course-details{margin-bottom:16px}.course-info{gap:12px;margin-bottom:8px;font-size:.75rem;color:hsla(0,0%,100%,.6)}.course-features{gap:4px}.feature{font-size:.75rem}.course-footer{display:flex;justify-content:space-between;align-items:center}.current-price{font-size:1.125rem}.original-price{font-size:.875rem}.add-to-cart-btn{padding:6px 12px;font-size:.75rem}.no-courses{text-align:center;padding:80px 20px}.no-courses-content{max-width:400px;margin:0 auto}.no-courses-content svg{color:#6a6f73;margin-bottom:16px}.no-courses-content h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:8px}.no-courses-content p{color:hsla(0,0%,100%,.7);font-size:.875rem}.video-modal-overlay{background:rgba(0,0,0,.8)}.video-modal{background:#1c1d1f;border-radius:8px;max-width:1200px;width:90vw;max-height:90vh;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.close-modal{background:rgba(0,0,0,.8);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;transition:background-color .2s ease}.close-modal:hover{background:rgba(0,0,0,.9)}.modal-content{color:#fff}.video-info h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:8px}.video-info p{color:hsla(0,0%,100%,.7);margin-bottom:12px;line-height:1.4}.video-meta{display:flex;gap:16px;font-size:.875rem;color:hsla(0,0%,100%,.6)}.topics-section{background:hsla(0,0%,100%,.05);border-left:1px solid hsla(0,0%,100%,.1)}.topics-section h4{color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:16px}.topic-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s ease}.topic-item:hover{border-color:#a435f0;background:hsla(0,0%,100%,.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.topic-number{background:#a435f0;color:#fff;font-size:.75rem}.topic-info h5{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:6px}.topic-info p{color:hsla(0,0%,100%,.8);font-size:.8rem;line-height:1.5;margin-bottom:8px}.topic-duration{color:hsla(0,0%,100%,.7);font-size:.8rem;font-weight:500}.topic-play-btn{background:transparent;border:1px solid #a435f0;color:#a435f0}.topic-play-btn:hover{background:#a435f0;color:#fff}.course-details-section{background:hsla(0,0%,100%,.05);border-left:1px solid hsla(0,0%,100%,.1);flex:1 1;min-width:350px;display:flex;flex-direction:column}.course-tabs{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02)}.tab-btn{flex:1 1;padding:16px 20px;background:transparent;color:hsla(0,0%,100%,.7);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent}.tab-btn:hover{color:#fff;background:hsla(0,0%,100%,.05)}.tab-btn.active{color:#a435f0;border-bottom-color:#a435f0;background:rgba(164,53,240,.05)}.tab-content{flex:1 1;padding:24px;overflow-y:auto;max-height:500px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:transparent}.tab-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.overview-tab{color:#fff;padding:0}.course-description-section{margin-bottom:32px}.course-description-section h4{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(164,53,240,.3)}.course-description-text{color:hsla(0,0%,100%,.9);font-size:.9rem;line-height:1.6;margin:0}.course-stats-overview{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,rgba(164,53,240,.1),hsla(0,0%,100%,.08));border-radius:16px;border:2px solid rgba(164,53,240,.2);box-shadow:0 8px 32px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.course-stats-overview .stat-item{text-align:center;min-width:0;padding:12px 8px;word-wrap:break-word;overflow-wrap:break-word;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.course-stats-overview .stat-item:hover{background:rgba(164,53,240,.15);border-color:rgba(164,53,240,.4);transform:translateY(-2px);box-shadow:0 4px 16px rgba(164,53,240,.2)}.stat-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 8px;background:linear-gradient(135deg,rgba(164,53,240,.2),rgba(164,53,240,.1));border-radius:50%;border:1px solid rgba(164,53,240,.3);color:#a435f0;transition:all .3s ease}.course-stats-overview .stat-item:hover .stat-icon{background:linear-gradient(135deg,rgba(164,53,240,.4),rgba(164,53,240,.2));border-color:rgba(164,53,240,.6);transform:scale(1.1);box-shadow:0 4px 12px rgba(164,53,240,.3)}.stat-number{font-size:1.6rem;font-weight:800;margin-bottom:6px;text-shadow:0 2px 4px rgba(164,53,240,.3)}.stat-label{font-size:.7rem;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.8px;font-weight:600;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.course-features,.requirements,.target-audience,.what-you-will-learn{margin-bottom:24px}.course-features h4,.requirements h4,.target-audience h4,.what-you-will-learn h4{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(164,53,240,.3)}.requirements ul,.target-audience ul,.what-you-will-learn ul{list-style:none;padding:0}.requirements li,.target-audience li,.what-you-will-learn li{color:hsla(0,0%,100%,.9);font-size:.8rem;line-height:1.6;position:relative;padding:12px 0 12px 24px;border-bottom:1px solid hsla(0,0%,100%,.05)}.learning-points{display:flex;flex-direction:column;gap:12px}.learning-point{display:flex;align-items:flex-start;gap:12px;color:hsla(0,0%,100%,.9);font-size:.8rem;line-height:1.6}.check-icon{color:#a435f0;flex-shrink:0;margin-top:2px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;color:hsla(0,0%,100%,.9);font-size:.8rem;line-height:1.6}.feature-icon{color:#a435f0;flex-shrink:0}.requirements li:last-child,.target-audience li:last-child,.what-you-will-learn li:last-child{border-bottom:none}.what-you-will-learn li:before{content:"✓";position:absolute;left:0;color:#a435f0;font-weight:700}.requirements li:before{content:"•";position:absolute;left:0;color:hsla(0,0%,100%,.6)}.target-audience li:before{content:"→";position:absolute;left:0;color:#a435f0}.curriculum-tab{color:#fff}.curriculum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid hsla(0,0%,100%,.1)}.curriculum-header h4{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.curriculum-stats{display:flex;gap:16px;font-size:.9rem;color:hsla(0,0%,100%,.7);font-weight:500}.preview-badge{background:#a435f0;color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.instructor-tab{color:#fff}.instructor-profile{display:flex;gap:20px;margin-bottom:28px;padding:20px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.instructor-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.instructor-info h4{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 4px}.instructor-title{color:hsla(0,0%,100%,.6);font-size:.875rem;margin:0 0 12px}.instructor-stats{display:flex;gap:16px;font-size:.875rem;color:hsla(0,0%,100%,.7)}.instructor-rating{display:flex;align-items:center;gap:4px}.instructor-bio h5{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid rgba(164,53,240,.3)}.instructor-bio p{color:hsla(0,0%,100%,.9);font-size:.9rem;line-height:1.7;margin:0}@media (max-width:768px){.hero-content h1{font-size:2rem}.courses-grid{grid-template-columns:1fr;gap:16px}.filters-row{flex-direction:column;align-items:stretch}.category-filters{justify-content:center}.sort-section{align-self:center}.course-footer{flex-direction:column;gap:12px;align-items:stretch}.add-to-cart-btn{width:100%;padding:6px 12px;font-size:.75rem}.modal-layout{flex-direction:column}.course-details-section,.topics-section{border-left:none;border-top:1px solid hsla(0,0%,100%,.1)}.course-details-section{min-width:auto}.course-tabs{flex-direction:column}.tab-btn{text-align:center;border-bottom:none;border-right:2px solid transparent}.tab-btn.active{border-bottom-color:transparent;border-right-color:#a435f0}.course-stats-overview{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.course-stats-overview .stat-item{padding:6px 2px}.course-stats-overview .stat-number{font-size:1.2rem}.course-stats-overview .stat-label{font-size:.6rem}.features-grid{grid-template-columns:1fr}.instructor-profile{flex-direction:column;text-align:center}.instructor-stats{justify-content:center;flex-wrap:wrap}}@media (max-width:480px){.courses-container{padding:24px 16px}.hero-content{padding:40px 16px}.hero-content h1{font-size:1.75rem}.course-content{padding:12px}.course-title{font-size:.875rem}.current-price{font-size:1rem}}.udemy-home-section{background:#1c1d1f;min-height:100vh;padding-top:80px}.home-hero{background:linear-gradient(135deg,#1c1d1f,#2d2f31);padding:80px 0 60px;text-align:center;border-bottom:1px solid #3e4143}.hero-content{max-width:1200px;margin:0 auto;padding:0 24px}.hero-text h1{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:24px;line-height:1.1}.hero-text p{font-size:1.25rem;color:#6a6f73;max-width:600px;margin:0 auto 48px;line-height:1.5}.hero-stats{display:flex;justify-content:center;gap:60px;margin-top:40px}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#a435f0;margin-bottom:8px}.stat-label{font-size:1rem;color:#6a6f73;font-weight:500}.featured-courses{padding:80px 0;max-width:1400px;margin:0 auto}.featured-header{text-align:center;margin-bottom:60px;padding:0 24px}.featured-header h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px}.featured-header p{font-size:1.125rem;color:#6a6f73;max-width:500px;margin:0 auto}.coverflow-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;padding:0 24px;max-width:1200px;margin:0 auto}.course-preview{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-content{color:#fff}.course-badges{display:flex;gap:8px;margin-bottom:20px}.badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.bestseller{background:#f4c150;color:#1c1d1f}.badge.hot{background:#ec5252;color:#fff}.course-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.3}.course-description{color:hsla(0,0%,100%,.8);font-size:1rem;line-height:1.6;margin-bottom:24px}.course-meta{margin-bottom:20px}.instructor{margin-bottom:12px}.instructor-name{color:hsla(0,0%,100%,.7);font-size:.9rem}.course-stats{gap:8px}.course-stats,.rating{display:flex;align-items:center}.rating{gap:4px}.rating-number{font-weight:700;color:#b4690e}.star{font-size:.875rem}.star,.star.filled{color:#b4690e}.students{color:hsla(0,0%,100%,.6);font-size:.875rem}.course-details{margin-bottom:24px}.course-info{display:flex;gap:16px;margin-bottom:12px;font-size:.875rem;color:hsla(0,0%,100%,.7)}.course-features{display:flex;flex-direction:column;gap:6px}.feature{font-size:.8rem;color:hsla(0,0%,100%,.6)}.course-pricing{justify-content:space-between}.course-pricing,.price-section{display:flex;align-items:center}.price-section{gap:8px}.current-price{font-size:1.5rem;font-weight:700;color:#fff}.original-price{font-size:1rem;color:hsla(0,0%,100%,.5);text-decoration:line-through}.add-to-cart-btn{padding:8px 16px;background:#a435f0;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;position:relative;z-index:10;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.add-to-cart-btn:hover{background:#8b2db3}@media (max-width:1024px){.coverflow-wrapper{grid-template-columns:1fr;gap:40px}.hero-text h1{font-size:3rem}.hero-stats{gap:40px}.stat-number{font-size:2rem}}@media (max-width:768px){.home-hero{padding:60px 0 40px}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.125rem}.hero-stats{flex-direction:column;gap:24px}.featured-courses{padding:60px 0}.featured-header h2{font-size:2rem}.course-preview{padding:24px}.course-title{font-size:1.25rem}.course-pricing{flex-direction:column;gap:16px;align-items:stretch}.add-to-cart-btn{width:100%;padding:6px 12px;font-size:.75rem}}@media (max-width:480px){.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.featured-header h2{font-size:1.75rem}.course-preview{padding:20px}.course-title{font-size:1.125rem}.current-price{font-size:1.25rem}}.cart-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.cart-modal{background:#1c1d1f;border-radius:12px;max-width:600px;width:90vw;max-height:80vh;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05)}.cart-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.close-cart{background:transparent;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.close-cart:hover{background:hsla(0,0%,100%,.1);color:#fff}.cart-content{padding:24px;max-height:60vh;overflow-y:auto}.empty-cart{text-align:center;padding:60px 20px;color:hsla(0,0%,100%,.7)}.empty-cart svg{color:hsla(0,0%,100%,.5);margin-bottom:16px}.empty-cart h4{color:#fff;font-size:1.25rem;margin-bottom:8px}.cart-items{margin-bottom:24px}.cart-item{display:flex;gap:16px;padding:16px;background:hsla(0,0%,100%,.05);border-radius:8px;margin-bottom:12px;border:1px solid hsla(0,0%,100%,.1)}.item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.item-details{flex:1 1}.item-details h4{color:#fff;font-size:1rem;margin:0 0 4px;line-height:1.3}.item-details p{color:hsla(0,0%,100%,.7);font-size:.875rem;margin:0 0 8px}.item-price{display:flex;align-items:center;gap:8px}.item-price .current-price{font-size:1rem;font-weight:700;color:#fff}.item-price .original-price{font-size:.875rem;color:hsla(0,0%,100%,.5);text-decoration:line-through}.item-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.quantity-controls{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.1);border-radius:6px;padding:4px}.quantity-btn{width:24px;height:24px;border:none;background:hsla(0,0%,100%,.2);color:#fff;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.quantity-btn:hover{background:hsla(0,0%,100%,.3)}.quantity{color:#fff;font-weight:600;min-width:20px;text-align:center}.remove-btn{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.7);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.remove-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.cart-summary{background:hsla(0,0%,100%,.05);border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid hsla(0,0%,100%,.1)}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px;color:hsla(0,0%,100%,.8);font-size:.9rem}.summary-row.discount{color:#4caf50}.summary-row.total{color:#fff;font-weight:700;font-size:1.1rem;border-top:1px solid hsla(0,0%,100%,.1);padding-top:12px;margin-top:12px}.cart-actions{text-align:center}.checkout-btn{background:#a435f0;color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;width:100%}.checkout-btn:hover{background:#8b2db3}.checkout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.checkout-modal{background:#1c1d1f;border-radius:12px;max-width:500px;width:90vw;max-height:80vh;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.checkout-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05)}.checkout-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.close-checkout{background:transparent;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.close-checkout:hover{background:hsla(0,0%,100%,.1);color:#fff}.checkout-content{padding:24px}.checkout-step h4{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:24px}.payment-form{color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:hsla(0,0%,100%,.9)}.form-group input{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#a435f0}.form-group input::placeholder{color:hsla(0,0%,100%,.5)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.next-btn{background:#a435f0;color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;width:100%;margin-top:24px}.next-btn:hover{background:#8b2db3}.order-items{margin-bottom:24px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.order-item:last-child{border-bottom:none}.item-info h5{color:#fff;font-size:1rem;margin:0 0 4px}.item-info p{color:hsla(0,0%,100%,.7);font-size:.875rem;margin:0}.item-price{color:hsla(0,0%,100%,.8);font-size:.9rem}.checkout-actions{display:flex;gap:16px;margin-top:24px}.back-btn{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8);padding:16px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1 1}.back-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.complete-btn{background:#4caf50;color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;flex:1 1}.complete-btn:hover{background:#45a049}.success-message{padding:40px 20px;color:#fff}.success-message svg{color:#4caf50}.success-message h4{font-size:1.5rem;font-weight:700;margin-bottom:16px}.success-message p{margin-bottom:32px;line-height:1.5}.done-btn{background:#a435f0;color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.done-btn:hover{background:#8b2db3}@media (max-width:768px){.cart-modal,.checkout-modal{width:95vw;max-height:90vh}.cart-item{flex-direction:column;gap:12px}.item-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.form-row{grid-template-columns:1fr;gap:12px}.checkout-actions{flex-direction:column}}@media (max-width:480px){.cart-content,.cart-header,.checkout-content,.checkout-header{padding:16px}.cart-item{padding:12px}.item-image{width:60px;height:60px}}.sort-select option{background:#1c1d1f;color:#fff}.cart-icon-btn{background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2)!important;color:#fff!important;cursor:pointer;padding:8px 12px!important;border-radius:4px;position:relative;transition:all .3s ease}.cart-icon-btn:hover{background:hsla(0,0%,100%,.15)!important;border-color:hsla(0,0%,100%,.3)!important}.filter-section{display:flex;align-items:center;gap:16px}.category-buttons{display:flex;gap:8px;flex-wrap:wrap}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.login-page,.signup-page{min-height:100vh;display:flex;background:linear-gradient(135deg,#1c1d1f,#2d2f31)}.login-container,.signup-container{flex:1 1;max-width:480px;padding:40px;display:flex;flex-direction:column;justify-content:center;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid hsla(0,0%,100%,.1)}.login-header,.signup-header{text-align:center;margin-bottom:40px}.logo-link{text-decoration:none;color:inherit}.logo{display:flex;align-items:center;gap:12px;margin-bottom:32px;justify-content:center}.logo svg{color:#a435f0}.logo span{font-size:24px;font-weight:700;color:#fff}.login-header h1,.signup-header h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px}.login-header p,.signup-header p{font-size:16px;color:hsla(0,0%,100%,.7);line-height:1.5}.login-form,.signup-form{margin-bottom:32px}.login-page .form-group,.signup-page .form-group{margin-bottom:24px}.login-page .form-group label,.signup-page .form-group label{display:block;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.9);margin-bottom:8px}.login-page .form-group input,.signup-page .form-group input{width:100%;padding:16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:16px;transition:all .3s ease}.login-page .form-group input:focus,.signup-page .form-group input:focus{outline:none;border-color:#a435f0;background:hsla(0,0%,100%,.15);box-shadow:0 0 0 3px rgba(164,53,240,.1)}.login-page .form-group input::placeholder,.signup-page .form-group input::placeholder{color:hsla(0,0%,100%,.5)}.login-page .form-group input.error,.signup-page .form-group input.error{border-color:#ec5252}.login-page .error-message,.signup-page .error-message{display:block;color:#ec5252;font-size:14px;margin-top:8px}.name-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-options{margin-bottom:24px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:hsla(0,0%,100%,.8);cursor:pointer;margin-bottom:16px;position:relative}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-radius:4px;position:relative;flex-shrink:0;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#a435f0;border-color:#a435f0}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.forgot-link,.login-link,.signup-link,.terms-link{color:#a435f0;text-decoration:none;transition:color .3s ease}.forgot-link:hover,.login-link:hover,.signup-link:hover,.terms-link:hover{color:#8b2db3}.login-page .submit-btn,.signup-page .submit-btn{width:100%;padding:16px;background:#a435f0;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-page .submit-btn:hover:not(:disabled),.signup-page .submit-btn:hover:not(:disabled){background:#8b2db3;transform:translateY(-2px)}.login-page .submit-btn:disabled,.signup-page .submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-page .submit-btn.loading,.signup-page .submit-btn.loading{pointer-events:none}.spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.divider{text-align:center;margin:32px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:hsla(0,0%,100%,.2)}.divider span{background:hsla(0,0%,100%,.05);padding:0 16px;color:hsla(0,0%,100%,.6);font-size:14px;position:relative}.social-login,.social-signup{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.social-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.social-btn.google{background:#fff;color:#333;border-color:#fff}.social-btn.google:hover{background:#f8f9fa}.social-btn.facebook{background:#1877f2;border-color:#1877f2}.social-btn.facebook:hover{background:#166fe5}.login-prompt,.signup-prompt{text-align:center;margin-top:auto}.login-prompt p,.signup-prompt p{color:hsla(0,0%,100%,.7);font-size:14px}.login-illustration,.signup-illustration{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,rgba(164,53,240,.1),rgba(118,75,162,.1))}.illustration-content{max-width:500px;text-align:center;color:#fff}.illustration-content h2{font-size:36px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#a435f0,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.illustration-content p{font-size:18px;color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:40px}.benefits,.features{display:flex;flex-direction:column;gap:24px}.benefit,.feature{display:flex;align-items:center;gap:16px;padding:20px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.benefit:hover,.feature:hover{background:hsla(0,0%,100%,.1);transform:translateX(10px)}.benefit-icon svg,.feature svg{color:#a435f0;flex-shrink:0}.feature span{font-size:16px;color:hsla(0,0%,100%,.9);font-weight:500}.benefit-content h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.benefit-content p{font-size:14px;color:hsla(0,0%,100%,.7);margin:0}.password-requirements{margin-top:12px;padding:16px;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.password-requirements p{font-size:14px;color:hsla(0,0%,100%,.8);margin-bottom:8px;font-weight:500}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:12px;color:hsla(0,0%,100%,.6);margin-bottom:4px;padding-left:16px;position:relative}.password-requirements li:before{content:"○";position:absolute;left:0;color:hsla(0,0%,100%,.4)}.password-requirements li.met{color:#4caf50}.password-requirements li.met:before{content:"●";color:#4caf50}.signup-page .password-requirements{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.1)!important}.signup-page .password-requirements p{color:hsla(0,0%,100%,.8)!important}.signup-page .password-requirements li{color:hsla(0,0%,100%,.6)!important}.signup-page .password-requirements li.met{color:#4caf50!important}@media (max-width:1024px){.login-page,.signup-page{flex-direction:column}.login-container,.signup-container{max-width:none;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1)}.login-illustration,.signup-illustration{padding:40px 20px}.illustration-content h2{font-size:28px}.illustration-content p{font-size:16px}}@media (max-width:768px){.login-container,.signup-container{padding:32px 24px}.login-header h1,.signup-header h1{font-size:28px}.name-group{grid-template-columns:1fr;gap:0}.social-login,.social-signup{gap:8px}.social-btn{padding:14px;font-size:14px}.benefit,.feature{padding:16px}.feature span{font-size:14px}.benefit-content h3{font-size:16px}.benefit-content p{font-size:13px}}@media (max-width:480px){.login-container,.signup-container{padding:24px 16px}.login-header h1,.signup-header h1{font-size:24px}.login-header p,.signup-header p{font-size:14px}.form-group input,.submit-btn{padding:14px;font-size:14px}.illustration-content h2{font-size:24px}.illustration-content p{font-size:14px}.benefit,.feature{padding:12px}}.login-page,.signup-page{position:relative;z-index:1}.login-page *,.signup-page *{box-sizing:border-box}.login-page body,.signup-page body{background:linear-gradient(135deg,#1c1d1f,#2d2f31);margin:0;padding:0}.login-page button,.login-page input,.signup-page button,.signup-page input{font-family:inherit}.login-illustration,.signup-illustration{position:relative;z-index:1}.login-page h1,.login-page h2,.login-page h3,.signup-page h1,.signup-page h2,.signup-page h3{color:#fff!important}.login-page p,.signup-page p{color:hsla(0,0%,100%,.8)!important}.forgot-password-page{min-height:100vh;display:flex;background:linear-gradient(135deg,#1c1d1f,#2d2f31)}.forgot-password-container{flex:1 1;max-width:480px;padding:40px;display:flex;flex-direction:column;justify-content:center;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid hsla(0,0%,100%,.1)}.forgot-password-header{text-align:center;margin-bottom:40px}.forgot-password-header h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px}.forgot-password-header p{font-size:16px;color:hsla(0,0%,100%,.7);line-height:1.5}.forgot-password-form,.success-message{margin-bottom:32px}.success-message{text-align:center}.success-message svg{margin-bottom:24px}.success-message h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:16px}.success-message p{font-size:16px;color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:12px}.success-message strong{color:#fff}.form-actions{text-align:center;margin-top:auto}.back-to-login{color:#a435f0;text-decoration:none;font-weight:600;transition:color .3s ease}.back-to-login:hover{color:#8b2db3}.forgot-password-illustration{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,rgba(164,53,240,.1),rgba(118,75,162,.1))}.help-options,.security-features{display:flex;flex-direction:column;gap:20px}.help-option,.security-feature{display:flex;align-items:center;gap:16px;padding:20px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.help-option:hover,.security-feature:hover{background:hsla(0,0%,100%,.1);transform:translateX(10px)}.help-option svg,.security-feature svg{color:#a435f0;flex-shrink:0}.help-option span,.security-feature span{font-size:16px;color:hsla(0,0%,100%,.9);font-weight:500}@media (max-width:1024px){.forgot-password-page{flex-direction:column}.forgot-password-container{max-width:none;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1)}.forgot-password-illustration{padding:40px 20px}}@media (max-width:768px){.forgot-password-container{padding:32px 24px}.forgot-password-header h1{font-size:28px}.success-message h1{font-size:24px}}@media (max-width:480px){.forgot-password-container{padding:24px 16px}.forgot-password-header h1{font-size:24px}.success-message h1{font-size:20px}.help-option,.security-feature{padding:16px}.help-option span,.security-feature span{font-size:14px}}