*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#2d3748;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#2d3748}#root{width:100%;min-height:100vh}button{font-family:inherit;cursor:pointer}a{text-decoration:none}button:focus,button:focus-visible{outline:none}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{padding:1.5rem 0;position:fixed;top:0;width:100%;background-color:#fff;z-index:1000;box-shadow:0 2px 10px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.logo{font-size:1.9rem;font-weight:800;color:#1a202c;display:flex;gap:.5rem;align-items:center}.logo-part{display:inline-block}.logo-orange{background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.logo-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.logo-block{display:flex;flex-direction:row;align-items:center;gap:1rem;line-height:1.1}.logo-image{width:80px;height:80px;object-fit:contain}.logo-text-wrapper{display:flex;flex-direction:column;align-items:flex-start}.logo-tagline{font-size:1.35rem;font-weight:600;margin-top:.1rem;background:linear-gradient(90deg,#f59e0b,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em}.nav{display:flex;gap:2.5rem}.nav-link{color:#4a5568;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s;position:relative;padding-bottom:.5rem}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .3s ease-in-out}.nav-link:hover{color:#1a202c}.nav-link:hover:after{width:100%}.nav-link.active{color:#8b5cf6;font-weight:600}.nav-link.active:after{width:100%}.signup-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf64d}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e5e7eb;padding:.65rem 1.25rem;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.user-btn:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.user-email{font-size:.95rem;font-weight:600;color:#1f2937;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{color:#6b7280;transition:transform .3s ease}.user-btn:hover .dropdown-icon{color:#8b5cf6}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:200px;overflow:hidden;animation:dropdownFadeIn .2s ease-out;border:1px solid #e5e7eb}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:.85rem 1.25rem;border:none;background:#fff;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500;color:#374151;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item:hover{background:linear-gradient(90deg,#fef3c7,#fde68a);color:#92400e}.logout-btn{color:#dc2626}.logout-btn:hover{background:linear-gradient(90deg,#fee2e2,#fecaca);color:#991b1b}.logout-btn svg{color:currentColor}@media(max-width:768px){.nav{display:none}.header-content{padding:0 1rem}.logo{font-size:1.4rem}.signup-btn{padding:.6rem 1.5rem;font-size:.9rem}.user-btn{padding:.55rem 1rem}.user-email{max-width:150px;font-size:.85rem}}.my-learning-page{padding:8rem 0 4rem;background:linear-gradient(135deg,#f7f5ff,#faf8ff,#f0f3ff);min-height:calc(100vh - 120px);position:relative}.my-learning-page:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,#a78bfa1a,#8b5cf60d);border-radius:0 0 50% 50%/0 0 100px 100px;z-index:0}.container{position:relative;z-index:1}.page-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;text-align:center;letter-spacing:-.02em;display:flex;justify-content:center;gap:.5rem}.title-my,.title-learning{color:#000}.page-subtitle{color:#6b7280;margin-bottom:2rem;text-align:center;font-size:1.15rem;font-weight:500}.enrollment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 3rem;padding:0 2rem}.stat-card{background:#fff;border-radius:20px;padding:1.75rem 2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 24px #00000014,0 2px 8px #8b5cf61a;border:1px solid rgba(167,139,250,.15);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a78bfa,#8b5cf6)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #8b5cf633,0 4px 12px #8b5cf626}.stat-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px #8b5cf64d}.stat-icon.orange{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 8px 20px #f973164d}.stat-icon.violet{background:linear-gradient(135deg,#c084fc,#a855f7);box-shadow:0 8px 20px #a855f74d}.stat-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-info{flex:1}.stat-number{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;line-height:1;letter-spacing:-.02em}.stat-label{font-size:.95rem;color:#6b7280;font-weight:600;margin:0;letter-spacing:.01em}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:60px;height:60px;border:5px solid #f3e8ff;border-top-color:#8b5cf6;border-right-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 4px 16px #8b5cf633}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{margin-top:1.5rem;color:#6b7280;font-size:1.1rem;font-weight:600}.login-prompt,.no-courses{display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.prompt-card,.no-courses-card{background:#fff;border-radius:24px;padding:3rem 2.5rem;text-align:center;max-width:500px;box-shadow:0 20px 60px #8b5cf626,0 4px 16px #00000014;border:1px solid rgba(167,139,250,.2);position:relative;overflow:hidden}.prompt-card:before,.no-courses-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a78bfa,#8b5cf6,#7c3aed)}.prompt-card svg,.no-courses-card svg{color:#8b5cf6;margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(139,92,246,.2))}.prompt-card h2,.no-courses-card h2{font-size:1.85rem;font-weight:800;color:#1f2937;margin-bottom:1rem;letter-spacing:-.01em}.prompt-card p,.no-courses-card p{color:#6b7280;font-size:1.05rem;line-height:1.6;margin-bottom:2rem;font-weight:500}.browse-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf64d;letter-spacing:.02em}.browse-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #8b5cf666;background:linear-gradient(135deg,#a78bfa,#7c3aed)}.enrolled-courses{padding:0 2rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}.enrolled-course-card-new{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;min-width:320px;max-width:320px;cursor:pointer;border:none;position:relative}.enrolled-course-card-new:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.course-image-wrapper{height:180px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.course-image{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;transition:none}.course-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.category-badge{background:linear-gradient(135deg,#f7fafc,#e2e8f0);color:#4a5568;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;white-space:nowrap;letter-spacing:0;border:none;box-shadow:none}.course-duration{display:flex;align-items:center;gap:.3rem;color:#718096;font-size:.85rem;font-weight:500;background:transparent;padding:0;border-radius:0}.course-duration svg{flex-shrink:0;color:#8b5cf6}.course-title-new{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 .8rem;line-height:1.3;letter-spacing:0}.course-description{font-size:.9rem;color:#718096;line-height:1.6;margin:0 0 1.5rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}.course-footer-new{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.instructor-info{display:flex;align-items:center;gap:.6rem}.instructor-avatar-new{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:none;border:none}.instructor-name{font-size:.5rem;color:#718096;font-weight:400}.continue-learning-btn-new{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:.75rem 0;border-radius:50px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;box-shadow:0 4px 16px #8b5cf640;letter-spacing:.02em;position:relative;overflow:hidden}.continue-learning-btn-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.continue-learning-btn-new:hover:before{left:100%}.continue-learning-btn-new:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666;background:linear-gradient(135deg,#a78bfa,#7c3aed)}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:4rem;padding:2rem 0}.pagination-btn{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.75rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #8b5cf659;letter-spacing:.02em}.pagination-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf673;background:linear-gradient(135deg,#a78bfa,#7c3aed)}.pagination-btn:active:not(:disabled){transform:translateY(-1px)}.pagination-btn:disabled{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#9ca3af;cursor:not-allowed;box-shadow:none;opacity:.6}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.page-numbers{display:flex;gap:.6rem;align-items:center}.page-number{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-weight:700;font-size:.95rem;color:#6b7280;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}.page-number:hover{border-color:#a78bfa;color:#7c3aed;background:linear-gradient(135deg,#faf5ff,#f3e8ff);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.page-number.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#8b5cf6;color:#fff;box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.page-info{font-size:1rem;color:#6b7280;font-weight:600;letter-spacing:.01em}@media(max-width:768px){.my-learning-page{padding-top:100px}.page-title{font-size:2rem}.courses-grid{grid-template-columns:1fr;padding:0 1rem}.enrolled-course-card-new{min-width:100%;max-width:100%}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%;justify-content:center}.page-numbers{flex-wrap:wrap;justify-content:center}}.hero{padding:8rem 0 4rem;background-color:#fff;min-height:100vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.hero-left{display:flex;flex-direction:column;gap:2rem}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;color:#1a202c;margin:0}.hero-highlight{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.hero-description{font-size:1.1rem;color:#718096;line-height:1.7;margin:0;max-width:500px}.search-container{display:flex;align-items:center;gap:1rem;max-width:550px;margin-top:1rem}.search-input{flex:1;padding:1.1rem 1.8rem;border-radius:50px;border:2px solid #e2e8f0;background:#f7fafc;color:#1a202c;font-size:1rem;outline:none;transition:all .3s ease}.search-input::placeholder{color:#a0aec0}.search-input:focus{background:#fff;border-color:#cbd5e0}.search-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;flex-shrink:0}.search-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #8b5cf666}.search-btn svg{width:22px;height:22px}.hero-right{position:relative;display:flex;justify-content:center;align-items:center}.hero-visual{position:relative;width:100%;height:500px}.student-badge{position:absolute;top:10%;left:5%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:15px;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #0000001a;z-index:10}.badge-icon{font-size:2rem;background:linear-gradient(135deg,#f59e0b,#f97316);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}.badge-info{display:flex;flex-direction:column}.badge-number{font-size:1.3rem;font-weight:700;color:#1a202c}.badge-text{font-size:.85rem;color:#718096}.student-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;z-index:5}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#c4b5fd,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #a78bfa4d}.student-silhouette{font-size:8rem;opacity:.9}.learning-chart{position:absolute;bottom:10%;left:10%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.2rem;border-radius:15px;width:200px;box-shadow:0 10px 30px #0000001a;z-index:10}.chart-header{font-size:.9rem;color:#4a5568;margin-bottom:1rem;font-weight:600}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:80px}.chart-bar{flex:1;background:linear-gradient(180deg,#a78bfa,#818cf8);border-radius:5px 5px 0 0;transition:height .3s}.chart-bar:nth-child(1){background:linear-gradient(180deg,#cbd5e0,#9ca3af)}.chart-bar:nth-child(2){background:linear-gradient(180deg,#ec4899,#db2777)}.chart-bar:nth-child(3){background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.chart-bar:nth-child(4){background:linear-gradient(180deg,#3b82f6,#2563eb)}.chart-bar:nth-child(5){background:linear-gradient(180deg,#f59e0b,#f97316)}.chart-bar:nth-child(6){background:linear-gradient(180deg,#a78bfa,#818cf8)}.decorative-circles{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none}.circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);opacity:.8}.circle-1{width:80px;height:80px;top:15%;right:10%}.circle-2{width:50px;height:50px;top:25%;right:5%}.circle-3{width:30px;height:30px;top:35%;right:15%}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.8rem}.hero-right{order:-1}.hero-visual{height:400px}.student-image{width:280px;height:280px}}@media(max-width:768px){.hero{padding:6rem 0 3rem}.hero-content{padding:0 1rem}.hero-title{font-size:2.2rem}.hero-description{font-size:1rem}.stats{gap:2rem}.stat-number{font-size:2rem}.hero-visual{height:350px}.student-image{width:240px;height:240px}.learning-chart{width:160px;padding:1rem}}.course-card{background:linear-gradient(135deg,#ec4899,#db2777);padding:2rem 1.5rem;border-radius:24px;cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.2rem;min-height:200px;min-width:260px;max-width:280px;flex-shrink:0;justify-content:center;align-items:flex-start}.course-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.course-card.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.course-card.orange{background:linear-gradient(135deg,#f59e0b,#f97316)}.course-card.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.course-card.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.course-icon{font-size:2.5rem;color:#fff;opacity:.9}.course-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.course-arrow{position:absolute;bottom:2rem;right:2rem;font-size:1.5rem;color:#fff;opacity:.7;transition:transform .3s}.course-card:hover .course-arrow{transform:translate(5px);opacity:1}@media(max-width:768px){.course-card{padding:2rem 1.5rem;min-height:180px}.course-icon{font-size:2.5rem}.course-title{font-size:1.3rem}}.courses{padding:5rem 0;background-color:#f7fafc}.courses .container{max-width:1400px;margin:0 auto;padding:0 2rem}.courses-header{margin-bottom:3rem}.courses-title{font-size:2.8rem;font-weight:700;color:#1a202c;margin:0;line-height:1.3}.courses-grid{display:flex;gap:1.2rem;align-items:stretch;justify-content:center;flex-wrap:nowrap;width:100%}.browse-all{display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:center;min-width:120px;min-height:140px;flex-shrink:0}.browse-all-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s}.browse-all-btn:hover{transform:scale(1.1);box-shadow:0 10px 30px #a78bfa66}.arrow-circle{font-size:2rem;color:#fff;font-weight:600}.browse-all-text{font-size:1.1rem;color:#1a202c;font-weight:600}@media(max-width:768px){.courses{padding:3rem 0}.courses .container{padding:0 1rem}.courses-title{font-size:2rem}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.browse-all{min-height:150px}.browse-all-btn{width:70px;height:70px}.arrow-circle{font-size:1.8rem}}.courses-page{padding:8rem 0 3rem;background-color:#f7fafc;min-height:100vh}.courses-page-header{text-align:center;margin-bottom:4rem;padding:0 2rem;position:relative}.courses-page-subtitle{font-size:1.1rem;color:#718096;margin:0;max-width:600px;margin:0 auto 1.5rem}.clear-search-btn{position:fixed;top:9rem;right:2rem;background:#fff;color:#1a202c;border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 10px #0000001a;z-index:100}.clear-search-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 4px 15px #8b5cf64d;transform:translateY(-2px)}.clear-search-btn svg{width:16px;height:16px}.no-results{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto}.no-results h2{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.no-results p{font-size:1.1rem;color:#718096;margin:0}.category-section{margin-bottom:4rem}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.category-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.category-section-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.see-all-link{background:transparent;border:none;color:#8b5cf6;font-weight:600;cursor:pointer;font-size:1rem;transition:color .3s ease;display:flex;align-items:center;gap:.5rem;outline:none}.see-all-link:hover{color:#7c3aed}.courses-row-wrapper{display:flex;align-items:center;gap:1rem}.nav-arrow{width:50px;height:50px;min-width:50px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b5cf64d;transition:all .3s ease;color:#fff}.nav-arrow:hover:not(.disabled){background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 6px 20px #f59e0b66;transform:scale(1.1)}.nav-arrow.disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.courses-row{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:1.5rem;padding:1rem 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1}.courses-row::-webkit-scrollbar{display:none}.course-card-horizontal{background:#fff;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;min-width:320px;max-width:320px;flex-shrink:0;cursor:pointer}.course-card-horizontal:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.course-card-image{height:180px;background:linear-gradient(135deg,var(--card-color, #8b5cf6) 0%,var(--card-color, #7c3aed) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.course-image{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.course-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.course-card-title{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 .8rem;line-height:1.3}.course-card-description{font-size:.9rem;color:#718096;line-height:1.6;margin:0 0 1.5rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.course-card-footer.enrolled-footer{flex-direction:column;gap:1rem}.continue-learning-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 0;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.continue-learning-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.continue-learning-btn svg{width:16px;height:16px}@media(max-width:768px){.courses-page{padding:6rem 0 3rem}.container{padding:0 1rem}.courses-page-title{font-size:2rem}.courses-page-subtitle{font-size:1rem}.category-section-title{font-size:1.5rem}.course-card-horizontal{min-width:280px;max-width:280px}.courses-row{gap:1rem}.nav-arrow{width:40px;height:40px;min-width:40px}.nav-arrow svg{width:20px;height:20px}}.courses-page-title{font-size:3rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.courses-page-subtitle{font-size:1.1rem;color:#718096;max-width:600px;margin:0 auto}.category-filter{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem;padding:1rem}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:50px;font-size:1rem;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#a78bfa;color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.category-btn.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.category-icon{font-size:1.2rem}.courses-count{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .5rem}.courses-count span{font-size:1rem;color:#4a5568;font-weight:600}.see-all-btn{background:transparent;border:none;color:#8b5cf6;font-weight:600;cursor:pointer;font-size:1rem;transition:color .3s ease}.see-all-btn:hover{color:#7c3aed;text-decoration:underline}.courses-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.course-item{background:#fff;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column}.course-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.course-item-image{height:180px;background:linear-gradient(135deg,var(--card-color, #8b5cf6) 0%,var(--card-color, #7c3aed) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.course-item-image:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.course-emoji{font-size:4rem;z-index:1}.course-item-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.course-category{background:linear-gradient(135deg,#f7fafc,#e2e8f0);color:#4a5568;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.course-duration{display:flex;align-items:center;gap:.3rem;color:#718096;font-size:.85rem;font-weight:500}.course-item-title{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 .8rem;line-height:1.3}.course-item-description{font-size:.9rem;color:#718096;line-height:1.6;margin:0 0 1.5rem;flex:1}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.course-instructor{display:flex;align-items:center;gap:.6rem}.instructor-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.course-instructor span{font-size:.85rem;color:#4a5568;font-weight:500}.course-pricing{display:flex;align-items:center;gap:.5rem}.original-price{font-size:.9rem;color:#a0aec0;text-decoration:line-through}.current-price{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1024px){.courses-page-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media(max-width:768px){.courses-page{padding:6rem 0 3rem}.courses-page .container{padding:0 1rem}.courses-page-title{font-size:2rem}.courses-page-subtitle{font-size:1rem}.category-filter{gap:.75rem}.category-btn{padding:.6rem 1.2rem;font-size:.9rem}.courses-page-grid{grid-template-columns:1fr;gap:1.5rem}}.course-detail-page{background-color:#fff;min-height:100vh}.course-banner{position:relative;height:480px;overflow:hidden;margin-top:5.5rem;background:#000}.back-btn{position:absolute;top:3.5rem;right:2rem;z-index:20;display:inline-flex;align-items:center;gap:.5rem;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1a202c;border:none;padding:.7rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.back-btn svg{transition:transform .3s ease;stroke:#1a202c}.back-btn:hover{background:#fff;transform:translate(3px);box-shadow:0 6px 16px #0003}.back-btn:hover svg{transform:translate(3px)}.banner-image-container{position:absolute;top:0;left:0;width:100%;height:100%}.banner-main-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.banner-gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000e6,#00000080,#0000004d);z-index:1}.banner-content-wrapper{position:absolute;bottom:0;left:0;width:100%;z-index:10;padding:0 2rem 2.5rem}.banner-content{max-width:1400px;margin:0 auto}.banner-info{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}.banner-main-info{flex:1;max-width:900px}.course-detail-title{font-size:3rem;font-weight:800;line-height:1.15;margin:0 0 1rem;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5);letter-spacing:-.02em}.course-detail-description{font-size:1.1rem;line-height:1.6;margin:0 0 2rem;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:400}.course-stats{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.95rem;font-weight:500}.stat-item svg{fill:#fff;flex-shrink:0;opacity:.9}.stat-divider{width:1px;height:20px;background:#ffffff4d}.price-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.sidebar-price{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-original-price{font-size:1.1rem;color:#a0aec0;text-decoration:line-through}.sidebar-discount{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.3rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.time-left{color:#e53e3e;font-size:.9rem;font-weight:500;margin:0 0 1rem}.course-info-section{background:#fff;padding:3rem 0 4rem}.course-info-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start}.course-main-content{flex:1}.tabs-nav{display:flex;gap:2.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:2.5rem;overflow-x:auto;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;padding:.85rem 0 1rem;font-size:1rem;font-weight:500;color:#4a5568;cursor:pointer;position:relative;transition:all .3s ease;white-space:nowrap}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .3s ease-in-out}.tab-btn:hover{color:#1a202c}.tab-btn:hover:after{width:100%}.tab-btn.active{color:#8b5cf6;font-weight:600}.tab-btn.active:after{width:100%}.tabs-content{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-panel h2{font-size:1.8rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.tab-panel>p{color:#718096;font-size:1rem;line-height:1.7;margin:0 0 2rem}.overview-sections{display:flex;flex-direction:column;gap:1.5rem}.overview-card{background:linear-gradient(135deg,#f7fafc,#fff);border:2px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:all .3s ease}.overview-card:hover{border-color:#cbd5e0;box-shadow:0 10px 30px #0000000d;transform:translateY(-3px)}.overview-card h3{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 1.25rem}.overview-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.overview-card li{color:#4a5568;font-size:.95rem;line-height:1.6;padding-left:1.75rem;position:relative}.overview-card li:before{content:"✓";position:absolute;left:0;color:#8b5cf6;font-weight:700;font-size:1.1rem}.modules-list{display:flex;flex-direction:column;gap:1.25rem}.module-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:all .3s ease}.module-card:hover{border-color:#8b5cf6;box-shadow:0 15px 40px #8b5cf626;transform:translate(5px)}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.module-info{display:flex;flex-direction:column;gap:.5rem}.module-number{display:inline-block;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;padding:.3rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content}.module-title{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0}.module-meta{display:flex;gap:1.25rem;color:#718096;font-size:.9rem}.module-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.topic-item{display:flex;align-items:center;gap:.65rem;padding:.65rem;background:#f7fafc;border-radius:10px;color:#4a5568;font-size:.9rem;transition:all .3s ease}.topic-item:hover{background:#e6f7ff;transform:translate(3px)}.topic-item svg{flex-shrink:0;stroke:#8b5cf6}.instructor-profile{display:flex;gap:2rem;align-items:start}.instructor-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 15px 40px #8b5cf64d;background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.instructor-photo{width:100%;height:100%;object-fit:cover;object-position:center}.instructor-details{flex:1}.instructor-name{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.instructor-title{color:#718096;font-size:1rem;margin:0 0 1.5rem}.instructor-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.instructor-stat{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.95rem;font-weight:500}.instructor-stat svg{stroke:#8b5cf6;fill:none}.instructor-bio{margin-bottom:2rem}.instructor-bio h4{font-size:1.2rem;font-weight:700;color:#1a202c;margin:0 0 .85rem}.instructor-bio p{color:#4a5568;font-size:.98rem;line-height:1.7;margin:0 0 .85rem}.instructor-expertise h4{font-size:1.2rem;font-weight:700;color:#1a202c;margin:0 0 .85rem}.expertise-tags{display:flex;gap:.65rem;flex-wrap:wrap}.expertise-tag{background:linear-gradient(135deg,#f7fafc,#e6f7ff);border:2px solid #cbd5e0;color:#4a5568;padding:.6rem 1.1rem;border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease}.expertise-tag:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#8b5cf6;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #8b5cf64d}.reviews-summary{background:linear-gradient(135deg,#f7fafc,#fff);border:2px solid #e2e8f0;border-radius:16px;padding:2rem;margin-bottom:2.5rem}.rating-overview{display:flex;gap:3rem;align-items:center}.overall-rating{display:flex;flex-direction:column;align-items:center;gap:.65rem}.rating-number{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stars{font-size:1.75rem;color:#f59e0b;letter-spacing:.15rem}.rating-text{color:#718096;font-size:.9rem;font-weight:600}.rating-bars{flex:1;display:flex;flex-direction:column;gap:.85rem}.rating-bar-row{display:grid;grid-template-columns:75px 1fr 50px;gap:.85rem;align-items:center}.stars-label{color:#4a5568;font-size:.9rem;font-weight:500}.rating-bar{height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden}.rating-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:10px;transition:width .3s ease}.rating-count{color:#718096;font-size:.85rem;text-align:right}.reviews-list{display:flex;flex-direction:column;gap:1.25rem}.review-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:all .3s ease}.review-card:hover{border-color:#cbd5e0;box-shadow:0 10px 30px #0000000d;transform:translateY(-3px)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.reviewer-info{display:flex;align-items:center;gap:.85rem}.reviewer-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#db2777);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;flex-shrink:0}.reviewer-details{display:flex;flex-direction:column;gap:.25rem}.reviewer-name{font-size:1rem;font-weight:700;color:#1a202c;margin:0}.review-stars{font-size:.95rem;letter-spacing:.08rem}.star-filled{color:#f59e0b}.star-empty{color:#cbd5e0}.review-time{color:#a0aec0;font-size:.85rem}.review-comment{color:#4a5568;font-size:.95rem;line-height:1.7;margin:0}.course-sidebar{position:sticky;top:6.5rem}.sidebar-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;border:2px solid #e2e8f0}.sidebar-content{padding:1.75rem}.buy-now-btn{width:100%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:.95rem;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:1.75rem}.buy-now-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #8b5cf666}.buy-now-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.enrolled-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.95rem;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:1.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.enrolled-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #10b98166}.free-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;margin-left:.5rem}.enrollment-message{padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:600;font-size:.95rem}.enrollment-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981}.enrollment-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444}.course-includes h4,.training-info h4,.share-section h4{font-size:.95rem;font-weight:700;color:#1a202c;margin:0 0 .85rem}.course-includes{margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid #e2e8f0}.course-includes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.course-includes li{display:flex;align-items:center;gap:.65rem;color:#4a5568;font-size:.9rem}.course-includes li svg{flex-shrink:0;stroke:#8b5cf6}.training-info{margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid #e2e8f0}.training-info p{color:#718096;font-size:.9rem;line-height:1.6;margin:0}.share-section{margin-bottom:0}.share-icons{display:flex;gap:1rem;flex-wrap:wrap}.share-icon{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#64748b;text-decoration:none}.share-icon:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf64d;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:transparent;color:#fff}.share-icon svg{width:24px;height:24px}@media(max-width:1024px){.course-info-container{grid-template-columns:1fr;gap:2rem}.course-sidebar{position:static;max-width:500px;margin:0 auto}.instructor-profile{flex-direction:column;align-items:center;text-align:center}.instructor-stats,.expertise-tags{justify-content:center}.rating-overview{flex-direction:column;gap:2rem}}@media(max-width:768px){.course-banner{height:450px;margin-top:4.5rem}.back-btn{top:1rem;right:1rem;padding:.6rem 1.25rem;font-size:.85rem}.banner-content-wrapper{padding:0 1rem 2rem}.banner-info{flex-direction:column;align-items:flex-start;gap:1.5rem}.course-detail-title{font-size:2rem}.course-detail-description{font-size:1rem}.course-stats{gap:1rem;flex-wrap:wrap}.stat-item{font-size:.85rem}.stat-divider{display:none}.widget-price,.sidebar-price{font-size:1.75rem}.course-info-section{padding:2rem 0 3rem}.course-info-container{padding:0 1rem}.tab-btn{padding:.85rem 1.25rem;font-size:.9rem}.tab-panel h2{font-size:1.5rem}.module-topics{grid-template-columns:1fr}.instructor-avatar-large{width:100px;height:100px;font-size:2.75rem}.instructor-name{font-size:1.5rem}.review-header{flex-direction:column;align-items:flex-start;gap:.65rem}.rating-bar-row{grid-template-columns:65px 1fr 40px;gap:.65rem}}@media(max-width:480px){.course-banner{height:420px}.banner-content-wrapper{padding:0 1rem 1.5rem}.course-detail-title{font-size:1.75rem}.course-detail-description{font-size:.95rem}.sidebar-content,.widget-preview-info,.overview-card,.module-card,.review-card{padding:1.25rem}.share-icons{justify-content:center}}.blog-page{min-height:100vh;background-color:#fff}.blog-hero{padding:10rem 0 5rem;background:linear-gradient(135deg,#f7fafc,#fff);text-align:center;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:linear-gradient(135deg,#a78bfa1a,#8b5cf60d);border-radius:50%;filter:blur(60px)}.blog-hero:after{content:"";position:absolute;bottom:-50%;left:-10%;width:500px;height:500px;background:linear-gradient(135deg,#f59e0b1a,#f973160d);border-radius:50%;filter:blur(60px)}.blog-hero .container{position:relative;z-index:1}.blog-hero-title{font-size:4rem;font-weight:800;color:#1a202c;margin:0 0 1.5rem;line-height:1.2}.blog-highlight{background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero-subtitle{font-size:1.3rem;color:#718096;max-width:700px;margin:0 auto;line-height:1.6}.blog-content{padding:5rem 0}.blog-intro{max-width:900px;margin:0 auto 6rem;text-align:center}.blog-intro-text{font-size:1.15rem;line-height:1.9;color:#4a5568;margin:0 0 1.5rem;text-align:justify}.blog-intro-text:last-child{margin-bottom:0}.blog-features{margin-bottom:6rem}.blog-section-title{font-size:2.8rem;font-weight:700;color:#1a202c;text-align:center;margin:0 0 4rem;position:relative}.blog-section-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#f59e0b,#8b5cf6);border-radius:2px}.blog-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.blog-feature-card{background:#fff;padding:2.5rem;border-radius:20px;border:2px solid #e2e8f0;transition:all .4s ease;position:relative;overflow:hidden}.blog-feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#a78bfa,#8b5cf6);transform:scaleX(0);transition:transform .4s ease}.blog-feature-card.purple:before{background:linear-gradient(90deg,#a78bfa,#8b5cf6)}.blog-feature-card.orange:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.blog-feature-card.cyan:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.blog-feature-card.pink:before{background:linear-gradient(90deg,#ec4899,#db2777)}.blog-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:transparent}.blog-feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;transition:transform .3s ease}.blog-feature-card:hover .feature-icon{transform:scale(1.2)}.feature-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.feature-description{font-size:1rem;line-height:1.7;color:#718096;margin:0}.blog-philosophy{margin-bottom:6rem}.philosophy-card{max-width:900px;margin:0 auto;background:linear-gradient(135deg,#f7fafc,#fff);padding:4rem;border-radius:24px;border:2px solid #e2e8f0;position:relative;overflow:hidden}.philosophy-card:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:linear-gradient(135deg,#a78bfa1a,#8b5cf60d);border-radius:50%;filter:blur(40px)}.philosophy-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 2rem;position:relative}.philosophy-text{font-size:1.15rem;line-height:1.9;color:#4a5568;margin:0 0 1.5rem;position:relative}.philosophy-text:last-child{margin-bottom:0}.emphasis{font-weight:700;background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-cta{margin-bottom:4rem;text-align:center}.cta-content{max-width:1100px;margin:0 auto}.cta-intro{font-size:1.15rem;line-height:1.9;color:#4a5568;margin:0 auto 4rem;max-width:800px;text-align:center}.cta-values{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.cta-value-card{background:#fff;padding:2.5rem 2rem;border-radius:20px;border:2px solid #e2e8f0;text-align:center;transition:all .4s ease}.cta-value-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:transparent}.value-icon-wrapper{width:80px;height:80px;border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.cta-value-card:hover .value-icon-wrapper{transform:scale(1.1)}.purple-gradient{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 10px 30px #8b5cf64d}.orange-gradient{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 10px 30px #f59e0b4d}.cyan-gradient{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 10px 30px #06b6d44d}.value-icon{font-size:2.5rem}.value-title{font-size:1.4rem;font-weight:700;color:#1a202c;margin:0 0 .75rem}.value-description{font-size:.95rem;line-height:1.6;color:#718096;margin:0}.cta-closing{text-align:center;padding:3rem 0 0;border-top:2px solid #e2e8f0}.cta-thanks{font-size:1.3rem;font-weight:600;margin:0;color:#1a202c;font-style:italic;position:relative;display:inline-block}.cta-thanks:before{content:'"';font-size:3rem;position:absolute;left:-2rem;top:-.5rem;color:#e2e8f0;font-family:Georgia,serif}.cta-thanks:after{content:'"';font-size:3rem;position:absolute;right:-2rem;top:-.5rem;color:#e2e8f0;font-family:Georgia,serif}@media(max-width:1024px){.blog-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.philosophy-card{padding:3rem}.cta-values{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.blog-hero{padding:8rem 0 3rem}.blog-hero-title{font-size:2.5rem}.blog-hero-subtitle{font-size:1.1rem}.blog-content{padding:3rem 0}.blog-section-title{font-size:2rem}.blog-features-grid{grid-template-columns:1fr;gap:1.5rem}.blog-feature-card,.philosophy-card{padding:2rem}.philosophy-title{font-size:2rem}.cta-values{grid-template-columns:1fr}.cta-value-card{padding:2rem 1.5rem}.cta-thanks:before,.cta-thanks:after{display:none}.blog-intro-text{text-align:left}}@media(max-width:480px){.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:1rem}.value-icon-wrapper{width:70px;height:70px}.value-icon{font-size:2rem}}.about-us{background-color:#fff;padding-top:80px}.about-hero{padding:6rem 0 5rem;background:linear-gradient(135deg,#fff,#f7fafc)}.about-hero-content{max-width:1000px;margin:0 auto;text-align:center;padding:0 2rem}.about-hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;color:#1a202c;margin:0 0 2rem}.about-highlight{background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-description{font-size:1.2rem;color:#718096;line-height:1.8;margin:0 0 4rem;max-width:800px;margin-left:auto;margin-right:auto}.about-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:900px;margin:0 auto}.stat-item{text-align:center}.stat-number{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#4a5568;font-weight:500}.about-story{padding:6rem 0;background-color:#fff}.about-story-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.story-left{position:relative}.story-visual-modern{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.visual-background{position:absolute;inset:0;overflow:hidden;border-radius:30px}.gradient-circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:float 8s ease-in-out infinite}.circle-orange{width:300px;height:300px;background:linear-gradient(135deg,#f59e0b,#f97316);top:-20%;left:-10%;animation-delay:0s}.circle-purple{width:280px;height:280px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);bottom:-20%;right:-10%;animation-delay:2s}.circle-violet{width:250px;height:250px;background:linear-gradient(135deg,#c4b5fd,#a78bfa);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-10px) scale(1.05)}50%{transform:translate(-10px,10px) scale(.95)}75%{transform:translate(10px,10px) scale(1.02)}}.floating-stats{position:relative;z-index:2}.stat-badge{position:absolute;background:#fff;border-radius:16px;padding:1.2rem 1.5rem;box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .3s ease;animation:slideIn .6s ease-out forwards;opacity:0}.stat-badge:hover{transform:translateY(-5px);box-shadow:0 15px 50px #8b5cf640}.badge-1{top:10%;left:5%;animation-delay:.2s}.badge-2{top:45%;right:8%;animation-delay:.4s}.badge-3{bottom:15%;left:8%;animation-delay:.6s}.badge-4{top:8%;right:15%;animation-delay:.8s}.badge-5{bottom:12%;right:5%;animation-delay:1s}.badge-6{top:52%;left:3%;animation-delay:1.2s}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-1 .badge-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#f59e0b}.badge-2 .badge-icon-wrapper{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#8b5cf6}.badge-3 .badge-icon-wrapper{background:linear-gradient(135deg,#fed7aa,#fbbf24);color:#f97316}.badge-4 .badge-icon-wrapper{background:linear-gradient(135deg,#c4b5fd,#a78bfa);color:#7c3aed}.badge-5 .badge-icon-wrapper{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#2563eb}.badge-6 .badge-icon-wrapper{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.badge-content{display:flex;flex-direction:column;gap:.1rem}.badge-value{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.badge-label{font-size:.85rem;color:#718096;font-weight:500}.center-emblem{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#fff,#f7fafc);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #00000026;border:8px solid #ffffff;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 20px 60px #00000026}50%{box-shadow:0 20px 80px #8b5cf64d}}.emblem-content{text-align:center}.emblem-year{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.3rem}.emblem-text{font-size:1.1rem;font-weight:600;color:#718096;letter-spacing:.1em}.story-right{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:2.5rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.story-text{font-size:1.05rem;color:#718096;line-height:1.8;margin:0}.story-text strong{background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.about-values{padding:6rem 0;background:linear-gradient(135deg,#f7fafc,#fff)}.values-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 2rem}.section-description{font-size:1.1rem;color:#718096;line-height:1.7;margin:0}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.value-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border:1px solid #e2e8f0}.value-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #8b5cf626}.value-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative}.value-icon-1{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.value-icon-1:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#f59e0b,#f97316);opacity:.15}.value-icon-2{background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.value-icon-2:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);opacity:.15}.value-icon-3{background:linear-gradient(135deg,#a7f3d0,#6ee7b7)}.value-icon-3:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#10b981,#059669);opacity:.15}.value-icon-4{background:linear-gradient(135deg,#fed7aa,#fdba74)}.value-icon-4:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#f97316,#ea580c);opacity:.15}.value-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.value-description{font-size:1rem;color:#718096;line-height:1.7;margin:0}.about-cta{padding:6rem 0;background:linear-gradient(135deg,#ede9fe,#fef3c7);position:relative;overflow:hidden}.about-cta:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:linear-gradient(135deg,#f59e0b26,#8b5cf626);filter:blur(80px)}.cta-content{text-align:center;max-width:800px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.cta-title{font-size:3rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem;line-height:1.3}.cta-description{font-size:1.2rem;color:#4a5568;line-height:1.7;margin:0 0 3rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-btn{padding:1.2rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.cta-btn-primary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 10px 30px #8b5cf64d}.cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #8b5cf666}.cta-btn-secondary{background:#fff;color:#8b5cf6;border:2px solid #8b5cf6;box-shadow:0 4px 15px #0000001a}.cta-btn-secondary:hover{transform:translateY(-3px);background:#8b5cf6;color:#fff;box-shadow:0 8px 25px #8b5cf64d}@media(max-width:1024px){.about-hero-stats{grid-template-columns:repeat(2,1fr);gap:2rem}.about-story-content{grid-template-columns:1fr;gap:3rem}.values-grid{grid-template-columns:1fr}.story-visual-grid{max-width:500px;margin:0 auto}.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-hero{padding:4rem 0 3rem}.about-hero-title{font-size:2.5rem}.about-hero-description{font-size:1.1rem}.about-hero-stats{grid-template-columns:repeat(2,1fr);gap:2rem}.stat-number{font-size:2.2rem}.about-story,.about-values,.about-team,.about-cta{padding:4rem 0}.section-title{font-size:2rem}.story-visual-modern{max-width:400px}.center-emblem{width:140px;height:140px;border:6px solid #ffffff}.emblem-year{font-size:2.2rem}.emblem-text{font-size:.95rem}.stat-badge{padding:1rem 1.2rem}.badge-icon-wrapper{width:40px;height:40px}.badge-value{font-size:1.2rem}.badge-label{font-size:.75rem}.team-grid{grid-template-columns:1fr;gap:2rem}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px}}.footer{background:linear-gradient(135deg,#fff,#f7fafc);padding:4rem 0 2rem;border-top:1px solid #e2e8f0}.footer-content{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid #e2e8f0}.footer-section{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;gap:.5rem;align-items:center;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.footer-logo-part{display:inline-block}.footer-logo-orange{background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-logo-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-logo-block{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.footer-logo-tagline{font-size:1.35rem;font-weight:600;margin-top:.1rem;background:linear-gradient(90deg,#f59e0b,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em}.footer-description{font-size:.95rem;line-height:1.6;color:#718096;max-width:280px}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-link{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f7fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .3s ease;text-decoration:none}.social-link:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #8b5cf633}.footer-heading{font-size:1.1rem;font-weight:700;color:#1a202c;margin:0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li a{color:#718096;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block}.footer-links li a:hover{color:#8b5cf6;transform:translate(5px)}.newsletter-text{font-size:.9rem;color:#718096;line-height:1.5;margin:0}.newsletter-form{display:flex;gap:.5rem;align-items:center}.newsletter-input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:25px;font-size:.9rem;outline:none;transition:all .3s ease;background:#fff;color:#1a202c}.newsletter-input::placeholder{color:#a0aec0}.newsletter-input:focus{border-color:#a78bfa}.newsletter-btn{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf64d}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem}.copyright{font-size:.9rem;color:#718096;margin:0}.footer-bottom-links{display:flex;gap:1rem;align-items:center}.footer-bottom-links a{color:#718096;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#8b5cf6}.separator{color:#cbd5e0}@media(max-width:1200px){.footer-top{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2rem}.footer-section:nth-child(3){display:none}}@media(max-width:768px){.footer{padding:3rem 0 1.5rem}.footer-content{padding:0 1rem}.footer-top{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem;padding-bottom:2rem}.footer-section:nth-child(3),.footer-section:nth-child(4){display:flex}.footer-bottom{flex-direction:column;gap:1rem;text-align:center;padding-top:1.5rem}.footer-logo{font-size:1.5rem}.footer-description{max-width:100%}}.auth-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-in-out}.auth-container{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:2.5rem;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.close-btn{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;font-size:1.5rem;color:#fff;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .2s ease;font-weight:300;line-height:1}.close-btn:hover{opacity:.9}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2rem;font-weight:800;margin-bottom:1rem;display:flex;justify-content:center;gap:.5rem}.auth-logo-orange{background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo-violet{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.auth-subtitle{color:#6b7280;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.form-group input{padding:.85rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .3s ease;background-color:#fff;color:#1f2937}.form-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:1rem;background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.password-toggle:hover{transform:scale(1.1)}.error-message{color:#ef4444;font-size:.8rem;margin-top:-.25rem}.submit-btn{margin-top:.5rem;padding:1rem;background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.submit-btn:active{transform:translateY(0)}.auth-footer{text-align:center;margin-top:1.5rem;color:#6b7280;font-size:.95rem}.auth-footer span{color:#6b7280}.auth-link{color:#8b5cf6;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:#7c3aed;text-decoration:underline}.auth-container::-webkit-scrollbar{width:8px}.auth-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.auth-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#8b5cf6);border-radius:10px}.auth-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f97316,#7c3aed)}@media(max-width:640px){.auth-container{padding:2rem 1.5rem;max-width:95%}.form-row{grid-template-columns:1fr}.auth-logo,.auth-title{font-size:1.5rem}}.login-container{max-width:450px}.alert{padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #f87171}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid #34d399}.login-options{display:flex;justify-content:space-between;align-items:center;margin:-.5rem 0 .5rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#374151;font-size:.9rem}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f59e0b}.remember-me span{-webkit-user-select:none;user-select:none}.forgot-password{color:#8b5cf6;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease}.forgot-password:hover{color:#7c3aed;text-decoration:underline}@media(max-width:640px){.login-options{flex-direction:column;align-items:flex-start;gap:.75rem}}.add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.admin-dashboard{min-height:calc(100vh - 80px);padding:2rem 0;background-color:#f7fafc;padding-top:120px}.admin-container{max-width:1400px;margin:0 auto;padding:0 2rem}.admin-title{font-size:3rem;font-weight:700;color:#1a202c;margin-bottom:2rem;text-align:center}.message{padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px #0000001a}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.tab{flex:1;padding:1rem 2rem;background:transparent;border:none;color:#718096;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.tab:hover{background:#f7fafc;color:#1a202c}.tab.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.tab-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f7fafc;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.75rem;font-weight:700;color:#1a202c}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-bar{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.55rem 1.15rem;gap:.75rem;min-width:320px;max-width:380px;height:48px;transition:all .3s ease;box-shadow:0 2px 4px #0000000a}.search-bar:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f,0 4px 6px #0000000d;transform:translateY(-1px)}.search-bar svg{color:#8b5cf6;flex-shrink:0}.search-bar input,.search-input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:#1a202c;font-weight:500;height:32px;min-width:0}.search-bar input::placeholder,.search-input::placeholder{color:#94a3b8;font-weight:400}.clear-search{background:transparent;border:none;color:#718096;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.clear-search:hover{background:#e2e8f0;color:#1a202c}.add-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf633}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#718096}.users-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.users-table{width:100%;border-collapse:collapse;background:#fff}.users-table thead{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.users-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.users-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.users-table tbody tr:hover{background-color:#f7fafc}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:1rem 1.25rem;color:#1a202c;font-size:.95rem}.role-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.admin{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.role-badge.user{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.action-buttons{display:flex;gap:.5rem}.edit-btn,.delete-btn,.save-btn,.cancel-btn{padding:.7rem 1.4rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem;box-shadow:0 2px 6px #0000001a}.edit-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.delete-btn{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #db27774d}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.cancel-btn{background:#fff;color:#1a202c;border:2px solid #e2e8f0}.cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.edit-input,.edit-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1a202c;background-color:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.edit-input:focus,.edit-select:focus{outline:none;border-color:#8b5cf6;background-color:#fff;box-shadow:0 0 0 4px #8b5cf61f,0 2px 4px #0000000f}.no-data{text-align:center;padding:3rem;color:#718096;font-size:1.1rem}.access-denied{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center;margin-top:100px;box-shadow:0 2px 10px #0000000d}.access-denied h2{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ec4899,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.access-denied p{font-size:1.2rem;color:#718096}.coming-soon{text-align:center;padding:3rem;font-size:1.3rem;color:#718096;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f7fafc}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0}.close-modal{background:transparent;border:none;font-size:2rem;color:#718096;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-modal:hover{background:#f7fafc;color:#1a202c}.modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1a202c;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1a202c;background-color:#fff;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #f7fafc;justify-content:flex-end}.submit-btn{padding:.8rem 2.2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b5cf62e}.submit-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px #8b5cf638}.modal-footer .cancel-btn{padding:.75rem 2rem;background:#e2e8f0;color:#1a202c;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-footer .cancel-btn:hover{background:#cbd5e0;transform:translateY(-2px)}.category-badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap}.modal-large{max-width:800px}.modal-body textarea{width:100%;padding:.85rem 1.1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:Courier New,monospace;color:#1a202c;background-color:#fff;resize:vertical;transition:border-color .3s,box-shadow .3s;box-shadow:0 1px 3px #00000012}.modal-body textarea:focus{outline:none;border-color:#8b5cf6;background-color:#fff;box-shadow:0 0 0 4px #8b5cf621,0 2px 4px #00000014}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.courses-section .users-table th:nth-child(2),.courses-section .users-table td:nth-child(2){min-width:200px}@media(max-width:1200px){.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.75rem}}@media(max-width:768px){.admin-dashboard{padding-top:100px}.admin-title{font-size:2rem}.tabs{flex-direction:column}.tab{padding:.75rem 1rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.search-bar{min-width:100%}.add-user-btn,.refresh-btn{width:100%;justify-content:center}.users-table-container{overflow-x:scroll}.action-buttons{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-large{max-width:95%}}.course-details-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;margin-top:1.5rem}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table thead{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;position:sticky;top:0;z-index:10}.admin-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:#fff}.admin-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease;background:#fff}.admin-table tbody tr:hover{background-color:#f7fafc;transform:scale(1.001);box-shadow:0 2px 8px #0000000d}.admin-table tbody tr:last-child{border-bottom:none}.admin-table td{padding:1rem 1.25rem;color:#1a202c;font-size:.95rem;font-weight:500;vertical-align:middle;background:inherit}.admin-table td:first-child{font-weight:700;color:#7c3aed;font-size:1rem}.table-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;color:#1a202c;background-color:#fff;transition:all .2s ease;font-weight:500;box-shadow:0 1px 3px #0000000d}.table-input:focus{outline:none;border-color:#8b5cf6;background-color:#fff;box-shadow:0 0 0 4px #8b5cf61f,0 2px 4px #0000000f}.table-textarea{width:100%;min-height:100px;max-height:200px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-family:Courier New,monospace;font-size:.85rem;color:#1a202c;background-color:#fff;resize:vertical;transition:all .2s ease;line-height:1.6;font-weight:500;box-shadow:0 1px 3px #0000000d}.table-textarea:focus{outline:none;border-color:#8b5cf6;background-color:#fff;box-shadow:0 0 0 4px #8b5cf61f,0 2px 4px #0000000f}.editing-row{background-color:#faf5ff!important;box-shadow:0 4px 12px #8b5cf626!important}.editing-row td{padding:1.25rem!important;vertical-align:top}.no-results{text-align:center;padding:3rem;font-size:1.1rem;color:#718096;font-weight:500;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;margin-top:1.5rem}.app{min-height:100vh;background-color:#2d3748}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}