@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;padding-top:90px}:root{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--accent-primary: #8b5cf6;--accent-secondary: #06b6d4;--accent-pink: #ec4899;--accent-emerald: #10b981;--accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--premium-gradient: linear-gradient(135deg, #8b5cf6, #ec4899);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--border-color: rgba(255, 255, 255, .1);--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-normal: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}.dot-grid{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px}.glow-top-right{position:fixed;top:-10%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none}.glow-bottom-left{position:fixed;bottom:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);filter:blur(100px);z-index:-1;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width:768px){.container{padding:0 1.25rem}}.section-padding{padding:5rem 0}@media(max-width:768px){.section-padding{padding:3.5rem 0}}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--accent-gradient)}.glass-panel{background:#0a0a0ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}.slide-in-right{animation:slideInRight .8s ease-out forwards}.header{position:fixed;top:0;left:0;right:0;height:90px;z-index:1000;background:#020617d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;transition:none}.container{width:100%;margin:0 auto;padding:0 1.5rem;max-width:1200px}.nav{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.logo{display:flex;align-items:center;text-decoration:none;z-index:1002}.logo-img{height:52px;width:auto;object-fit:contain;transition:none}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-links a{color:#e2e8f0;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;position:relative}.nav-links a:hover{color:#fff;text-shadow:0 0 10px rgba(139,92,246,.5)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.desktop-actions{display:flex;align-items:center;gap:1.5rem}.user-nav{display:flex;align-items:center;gap:1rem}.dashboard-pill{background:#ffffff0d;color:#e2e8f0;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.dashboard-pill:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.user-nav{display:flex;align-items:center;gap:1.25rem}.user-profile-wrapper{position:relative;cursor:pointer}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem;box-shadow:0 0 15px #8b5cf64d;border:2px solid rgba(255,255,255,.1)}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:#0f172a;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px -5px #0006;border-radius:12px;padding:.5rem;min-width:140px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s cubic-bezier(.16,1,.3,1);z-index:1000}.user-profile-wrapper:hover .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.logout-btn-nav{width:100%;text-align:left;background:transparent;color:#94a3b8;border:none;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.logout-btn-nav:hover{background:#ef44441a;color:#ef4444}.btn-login-nav{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.6rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #6366f14d;transition:transform .2s,box-shadow .2s}.btn-login-nav:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;z-index:1002;padding:0}.bar{width:100%;height:2px;background-color:#fff;border-radius:4px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;transform-origin:center}.hamburger-menu.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-menu.active .bar:nth-child(2){opacity:0;transform:scale(0)}.hamburger-menu.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:1199px){.container{padding:0 2rem}.nav-links{gap:1.25rem}.nav-links a{font-size:.85rem}.dashboard-pill{padding:.4rem .8rem;font-size:.8rem}}@media(max-width:767px){.header{height:70px}.container{padding:0 1rem}.logo-img{height:36px}.nav-links,.desktop-actions{display:none}.hamburger-menu{display:flex}}.mobile-drawer{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#0a0b10fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1001;transition:right .4s cubic-bezier(.16,1,.3,1);border-left:1px solid rgba(255,255,255,.08);box-shadow:-20px 0 50px #00000080;display:flex;flex-direction:column}.mobile-drawer.open{right:0}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:-1}.mobile-drawer .drawer-overlay{position:fixed;inset:0}.mobile-drawer.open .drawer-overlay{opacity:1;visibility:visible}.drawer-content{padding:100px 30px 40px;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}.drawer-links{display:flex;flex-direction:column;gap:1.5rem}.drawer-links a{color:#94a3b8;text-decoration:none;font-size:1.2rem;font-weight:600;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.drawer-links a:hover{color:#fff;padding-left:10px;border-color:#8b5cf680}.drawer-footer{display:flex;flex-direction:column;gap:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.drawer-user{display:flex;flex-direction:column;gap:1rem}.drawer-btn{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;border:1px solid transparent}.drawer-btn.login,.drawer-btn.dashboard{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f14d}.drawer-btn.login:hover,.drawer-btn.dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.drawer-btn.logout{background:#ffffff0d;color:#94a3b8;border-color:#ffffff1a}.drawer-btn.logout:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433}.hero{padding:2rem 0;position:relative;min-height:80vh;display:flex;align-items:center}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.2rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:100px;font-size:.8rem;font-weight:500;letter-spacing:.05em;margin-bottom:2rem}.badge-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;box-shadow:0 0 10px #3b82f6}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-description{font-size:1.2rem;color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.btn{padding:.9rem 2.2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:.75rem}.btn-primary{background:#4f46e5;color:#fff;border:none;box-shadow:0 8px 24px #4f46e54d}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid var(--border-color)}.code-window{border-radius:20px;border:1px solid rgba(255,255,255,.08);position:relative;background:#0d1117}.window-header{padding:1.25rem 1.5rem;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.window-center{flex:1;text-align:center;font-size:.75rem;color:#8b949e;font-family:JetBrains Mono,monospace;letter-spacing:.1em}.window-content{padding:2.5rem;font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.7;overflow-x:auto}.code-keyword{color:#d75ad1}.code-variable{color:#58a6ff}.code-string{color:#a5d6ff}.code-highlight{color:#7ee787;font-weight:700}.code-comment{color:#8b949e;font-style:italic}.batch-notification{position:absolute;top:60%;right:-30px;background:#6366f1;padding:1rem 1.75rem;border-radius:12px;display:flex;align-items:center;gap:1rem;color:#fff;box-shadow:0 20px 40px #0006;transform:rotate(-3deg);z-index:20}.batch-icon{font-size:1.4rem}.batch-label{font-size:.7rem;font-weight:800;opacity:.8}.batch-text{font-size:1rem;font-weight:800}.student-social{display:flex;align-items:center;gap:1.5rem}.avatar-group{display:flex;margin-left:.5rem}.avatar{width:40px;height:40px;border-radius:50%;border:3px solid #000;display:flex;align-items:center;justify-content:center;margin-left:-12px;font-size:1.2rem;background:var(--bg-secondary)}.avatar:first-child{margin-left:0}@media(max-width:1024px){.hero-layout{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-description{margin:0 auto 2.5rem}.hero-actions,.student-social{justify-content:center}.batch-notification{right:20px;top:80%}}@media(max-width:768px){.hero{padding:4rem 0;min-height:auto}.hero-title{font-size:2.25rem}.hero-description{font-size:1rem;padding:0 1rem}.hero-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto 2.5rem}.btn{width:100%;justify-content:center}.window-content{padding:1.5rem;font-size:.85rem}.batch-notification{position:relative;top:auto;right:auto;margin:20px auto 0;transform:none;width:fit-content}}@media(max-width:480px){.hero-title{font-size:2rem}.avatar-group{margin-left:0}.avatar{width:32px;height:32px;font-size:1rem}.student-text{font-size:.85rem}}.why-choose-refined{background-color:var(--bg-primary);position:relative;padding:6rem 0;overflow:hidden;--mouse-x: 0px;--mouse-y: 0px}.learning-experience-header{text-align:center;margin-bottom:5rem}.badge-outline{display:inline-block;padding:.5rem 1.25rem;border-radius:99px;border:1px solid var(--accent-primary);color:var(--accent-primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.main-title{font-size:clamp(2.2rem,8vw,3.5rem);font-weight:950;line-height:1.1;margin-bottom:1.5rem;color:#fff;letter-spacing:-.04em}.main-subtitle{font-size:clamp(1rem,4vw,1.15rem);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;position:relative;padding:0;z-index:2}.why-choose-grid:before{content:"";position:absolute;inset:-100px;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(139,92,246,.15),transparent 40%);z-index:-1;pointer-events:none;transition:opacity .5s ease}.feature-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,2rem);border-radius:28px;transition:all .3s ease;position:relative;overflow:hidden}@media(hover:hover){.feature-box:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-5px)}}.feature-box:after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.04),transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none}.why-choose-grid:hover .feature-box:after{opacity:1}.box-icon{font-size:2.5rem;margin-bottom:1.5rem;display:block}.box-title{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:1rem}.box-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.feature-box.blue{border-bottom:2px solid #5b6de3}.feature-box.red{border-bottom:2px solid #ff4d61}.feature-box.green{border-bottom:2px solid #10b981}.feature-box.purple{border-bottom:2px solid #8b5cf6}.connect-intro-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:5rem;padding:4rem;background:#ffffff05;border-radius:40px;border:1px solid rgba(255,255,255,.05);position:relative}.connect-content h3{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:1rem}.connect-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}@media(max-width:1024px){.main-title{font-size:2.5rem}.connect-intro-card{grid-template-columns:1fr;padding:3rem 2rem;gap:2rem}}@media(max-width:640px){.main-title{font-size:1.85rem}.why-choose-refined{padding:4rem 0}.connect-intro-card{padding:2rem 1.5rem;border-radius:24px}}.industry-tracks{padding:4rem 0}.tracks-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:start}.main-track-card{background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:clamp(1.5rem,5vw,3rem);position:relative;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.popular-badge{background:#4f46e5;color:#fff;padding:.4rem 1rem;border-radius:100px;font-size:.75rem;font-weight:800;letter-spacing:.05em}.stars{color:#fbbf24;letter-spacing:.2rem}.mastery-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:2rem;letter-spacing:-.02em}.mastery-title .subtitle{color:#71717a;font-size:clamp(1.5rem,6vw,2.5rem)}.card-middle{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.mastery-features{list-style:none}.mastery-features li{display:flex;align-items:center;gap:1rem;color:#e4e4e7;font-size:1.1rem;font-weight:500;margin-bottom:1.25rem}.mastery-features .check{width:20px;height:20px;background:#10b981;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900}.stack-box{background:#ffffff08;padding:1.5rem 2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:1rem}.stack-circles{display:flex;gap:.5rem}.stack-dot{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.stack-dot.m{background:#4db33d;color:#000}.stack-dot.e{background:#333;color:#10b981}.stack-dot.r{background:#61dafb;color:#000}.stack-dot.n{background:#3f3f46;color:#fff}.stack-label{color:#a1a1aa;font-size:.85rem;font-family:JetBrains Mono,monospace}.card-bottom{display:flex;align-items:center;gap:2.5rem}.mastery-btn{padding:1.25rem 2.5rem;border-radius:12px;font-size:1.1rem}.mastery-price{display:flex;align-items:center;gap:1rem}.price-big{font-size:2.5rem;font-weight:800;color:#fff}.price-small{font-size:1.25rem;color:#3f3f46;text-decoration:line-through}.side-tracks-column{display:flex;flex-direction:column;gap:1rem}.side-mini-card{padding:1.5rem;border-radius:16px;background:#ffffff05}.mini-card-top{text-align:right;margin-bottom:.5rem}.weeks-label{font-size:.7rem;color:#3f3f46;font-weight:800;letter-spacing:.05em}.mini-card-body{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.mini-icon{width:50px;height:50px;background:#fbbf241a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:800;color:#fbbf24}.mini-icon.react{color:#61dafb;background:#61dafb1a}.mini-icon.node{color:#10b981;background:#10b9811a}.mini-title{font-size:1.1rem;font-weight:700;color:#e4e4e7}.mini-card-footer{display:flex;justify-content:space-between;align-items:center}.learn-more{color:#4f46e5;text-decoration:none;font-size:.9rem;font-weight:700}.mini-price{font-size:1rem;font-weight:800;color:#71717a}@media(max-width:1100px){.tracks-layout{grid-template-columns:1fr}}@media(max-width:768px){.mastery-title{font-size:1.75rem;margin-bottom:1.5rem}.mastery-title .subtitle{font-size:1.35rem}.card-middle{flex-direction:column;align-items:stretch;gap:2rem;margin-bottom:2.5rem}.stack-box{padding:1.5rem}.card-bottom{flex-direction:column;align-items:stretch;gap:1.5rem;text-align:center}.mastery-price{justify-content:center}}.build-real{padding:5rem 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:4rem}.project-card{border-radius:24px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;background:#0a0a0a80!important}.project-card:hover{transform:translateY(-8px);border-color:#8b5cf666;box-shadow:0 20px 40px #8b5cf61a}.project-image-container{height:200px;width:100%;position:relative;overflow:hidden;background:#111}.project-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-card-image{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8))}.project-body-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.project-title{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.5rem}.project-subtitle{font-size:.85rem;font-weight:700;color:#6366f1;margin-bottom:1.25rem;letter-spacing:.05em;text-transform:uppercase}.project-desc{color:#a1a1aa;font-size:.95rem;line-height:1.6;margin-bottom:2rem;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem}.p-tag{padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.75rem;font-weight:600;color:#71717a}.project-card:hover .p-tag{color:#e4e4e7;border-color:#fff3}.build-footer-cta{text-align:center;border-top:1px solid rgba(255,255,255,.05);padding-top:4rem}.build-footer-cta p{color:#71717a;font-size:1.1rem;margin-bottom:2rem}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.stop-browsing{text-align:center}.stop-browsing-content{display:flex;flex-direction:column;align-items:center}.lightning-icon{width:60px;height:60px;background:#4f46e51a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6366f1;margin-bottom:2rem;box-shadow:0 0 30px #6366f133}.lightning-icon svg{width:30px;height:30px}.cta-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff}.cta-desc{color:#71717a;font-size:1.2rem;max-width:600px;margin-bottom:3.5rem}.cta-actions{display:flex;gap:1.5rem;margin-bottom:2.5rem}.cta-notice{color:#3f3f46;font-size:.9rem;font-weight:500}@media(max-width:768px){.cta-title{font-size:2rem}.cta-desc{font-size:1rem;padding:0 1rem;margin-bottom:2.5rem}.cta-actions{flex-direction:column;width:100%;max-width:320px;align-items:stretch;margin-bottom:2rem}}.community{padding:clamp(4rem,10vw,8rem) 0;border-top:1px solid var(--border-color)}.discord-card{padding:clamp(1.5rem,5vw,3rem);text-align:center}@media(max-width:768px){.discord-card h4{font-size:1.3rem}.community-grid{gap:2rem}}.discord-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.discord-icon{width:40px;height:40px;background:#5865f2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.71,32.65-1.82,56.6.39,80.21a105.73,105.73,0,0,0,32.21,16.15c2.45-3.35,4.56-6.93,6.34-10.7a68.21,68.21,0,0,1-10.22-4.9c.86-.63,1.7-1.29,2.5-1.95a73.2,73.2,0,0,0,64.83,0c.8.66,1.64,1.32,2.5,1.95a68.21,68.21,0,0,1-10.22,4.9,105.1,105.1,0,0,0,32.24-16.15C129.87,51.81,125.13,28.06,107.7,8.07Z'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.71,32.65-1.82,56.6.39,80.21a105.73,105.73,0,0,0,32.21,16.15c2.45-3.35,4.56-6.93,6.34-10.7a68.21,68.21,0,0,1-10.22-4.9c.86-.63,1.7-1.29,2.5-1.95a73.2,73.2,0,0,0,64.83,0c.8.66,1.64,1.32,2.5,1.95a68.21,68.21,0,0,1-10.22,4.9,105.1,105.1,0,0,0,32.24-16.15C129.87,51.81,125.13,28.06,107.7,8.07Z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.discord-card h4{font-size:1.5rem;font-weight:700}.discord-card p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.testimonials{display:flex;flex-direction:column;gap:2rem}.testimonial-card{padding:2rem;border-radius:20px}.t-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.t-avatar{width:45px;height:45px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.t-name{font-weight:700}.t-role{font-size:.8rem;color:var(--text-muted)}.t-text{color:var(--text-secondary);font-style:italic;line-height:1.6}@media(max-width:1024px){.community-grid{grid-template-columns:1fr}}.internship{padding:8rem 0;border-top:1px solid var(--border-color)}.internship-box{padding:5rem;border-radius:32px}.internship-content{max-width:800px;margin:0 auto;text-align:center}.internship-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:4rem;line-height:1.6}.disclaimer-box{border:1px solid #ef4444;background:#ef44440d;padding:3rem;border-radius:20px;position:relative}.disclaimer-title{color:#ef4444;font-size:1.25rem;font-weight:900;margin-bottom:1rem;letter-spacing:.1em}.disclaimer-text{color:var(--text-secondary);font-size:1rem;line-height:1.6}@media(max-width:768px){.internship{padding:4rem 0}.internship-box{padding:3rem 1.5rem;border-radius:20px}.internship-desc{font-size:1rem;margin-bottom:2.5rem}.disclaimer-box{padding:1.5rem}.disclaimer-title{font-size:1.1rem}}.footer{border-top:1px solid rgba(255,255,255,.05);padding-bottom:2rem;background-color:var(--bg-primary)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:4rem;margin-bottom:4rem}.footer-logo-img{height:44px;width:auto;object-fit:contain}.brand-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;max-width:320px}.social-links{display:flex;gap:1rem}.social-icon{width:36px;height:36px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:.8rem;font-weight:700;transition:all .2s ease}.social-icon:hover{background:#ffffff14;border-color:var(--accent-primary);color:#fff;transform:translateY(-2px)}.column-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.column-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.column-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .15s ease}.column-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-copyright{color:var(--text-muted);font-size:.9rem}.footer-tagline{color:var(--text-muted);font-size:.9rem;font-weight:500}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.footer-brand{align-items:center}.brand-description{max-width:100%}.social-links{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}}.login-page{min-height:100vh;background-color:#111;display:flex;flex-direction:column;position:relative;padding-bottom:4rem}.login-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(1rem,5vw,1.5rem) clamp(1rem,5vw,4rem);border-bottom:1px solid rgba(255,255,255,.05)}.login-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;color:#fff}.login-logo .logo-icon{color:#8b5cf6;font-family:JetBrains Mono,monospace}.login-header-nav{display:flex;align-items:center;gap:2rem}.login-header-nav a{color:#a1a1aa;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.login-header-nav a:hover{color:#fff}.login-btn-top{background:#5b6de3;padding:.5rem 1.5rem;border-radius:99px;color:#fff!important}.login-content-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card-refined{width:100%;max-width:1100px;display:flex;gap:4rem;align-items:center}.login-left-panel{flex:1;display:flex;position:relative;padding-left:2rem}.feature-connector-line{position:absolute;left:44px;top:40px;bottom:40px;width:1px;background:#ffffff1a;z-index:1}.feature-items-refined{display:flex;flex-direction:column;gap:4rem;z-index:2}.feature-row{display:flex;align-items:center;gap:1.5rem}.feature-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:#1a1a24;border:1px solid rgba(255,255,255,.1)}.feature-icon-box.blue{background:#b4c6fc33;border-color:#5b6de3}.feature-icon-box.red{background:#ff4d6133;border-color:#ff4d61}.feature-icon-box.green{background:#10b98133;border-color:#10b981}.blue-text{color:#8e9cf3}.red-text{color:#ff6b7a}.green-text{color:#34d399}.feature-info h4{font-size:1.15rem;font-weight:600}.login-right-panel{flex:1.2;background:#1a1b23;padding:clamp(1.5rem,5vw,3.5rem);border-radius:24px;border:1px solid rgba(255,255,255,.05);width:100%}.panel-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.panel-subtitle{color:#a1a1aa;font-size:.95rem;margin-bottom:2.5rem;line-height:1.5}.social-auth-stack{display:flex;flex-direction:column;gap:1rem}.social-btn{width:100%;padding:.85rem;border-radius:99px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#d1d1d6;font-weight:600;display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .2s}.social-btn:hover{background:#ffffff08}.social-btn img{width:20px;height:20px;object-fit:contain}.github-icon-img{filter:invert(1)}.gh-icon{font-weight:800}.panel-divider{margin:2rem 0;position:relative;text-align:center}.panel-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}.panel-divider span{position:relative;background:#1a1b23;padding:0 1rem;font-size:.85rem;color:#71717a}.panel-input-group{margin-bottom:1.5rem}.input-with-icon{display:flex;align-items:center;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.25rem 1rem}.input-icon{font-size:1.1rem;margin-right:.75rem}.input-with-icon input{flex:1;background:transparent;border:none;padding:.75rem 0;color:#fff;font-size:1rem}.input-with-icon input:focus{outline:none}.panel-footer-text{text-align:center;font-size:.9rem;color:#a1a1aa;margin-bottom:2rem}.panel-footer-text a{color:#5b6de3;text-decoration:none;font-weight:600}.panel-submit-btn{width:100%;padding:1rem;border-radius:99px;background:#5b6de3;color:#fff;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:background .2s}.panel-submit-btn:hover{background:#4a5bd0}.facing-issue-btn{position:absolute;bottom:2rem;left:2rem;background:#1a1b23;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1.5rem;border-radius:99px;font-weight:600;cursor:pointer}@media(max-width:1000px){.login-card-refined{flex-direction:column;gap:3rem}.login-left-panel{padding-left:0;justify-content:center}.login-right-panel{width:100%;max-width:500px}.login-header{padding:1rem 1.5rem}}@media(max-width:768px){.login-page{padding-bottom:2rem}.panel-title{font-size:1.75rem}.feature-items-refined{gap:2.5rem}.feature-connector-line{display:none}}@media(max-width:600px){.login-header-nav{display:none}.login-logo{font-size:1.25rem}}:root{--dashboard-bg: #0F172A;--sidebar-bg: rgba(15, 23, 42, .8);--card-bg: #1E293B;--electric-blue: #3B82F6;--text-muted: #94A3B8}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dashboard-bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px;border:3px solid var(--dashboard-bg)}::-webkit-scrollbar-thumb:hover{background:var(--electric-blue)}.dashboard-layout{display:flex;min-height:100vh;background:var(--dashboard-bg);color:#fff}.dashboard-sidebar{width:260px;height:100vh;position:fixed;left:0;top:0;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:2rem 1.5rem;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.brand-bolt{font-size:1.5rem;filter:drop-shadow(0 0 10px var(--electric-blue))}.brand-text{font-size:1.25rem;font-weight:900;letter-spacing:2px}.nav-group{margin-bottom:2.5rem}.group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;padding-left:.75rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:12px;color:var(--text-muted);text-decoration:none;transition:all .2s;margin-bottom:.25rem;border:none;background:transparent;cursor:pointer;width:100%}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item.active{color:#fff;background:#3b82f61a;border-left:3px solid var(--electric-blue)}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}.dashboard-content{flex:1;margin-left:260px;padding:2rem 3rem;max-width:1400px}.dashboard-hero-card{background:linear-gradient(135deg,#1e293b,#0f172a);padding:3.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.05);margin-bottom:2rem;position:relative;overflow:hidden}.hero-content-wrapper{display:flex;justify-content:space-between;align-items:flex-start}.hero-greeting{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.hero-subtext{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.hero-home-btn{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1.5rem;border-radius:99px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-home-btn:hover{background:#ffffff1a;border-color:var(--electric-blue);transform:translateY(-2px);box-shadow:0 10px 20px -10px #3b82f64d}.hero-home-btn :global(svg){color:var(--electric-blue)}.streak-momentum{display:flex;align-items:center;gap:2rem}.streak-info{display:flex;align-items:center;gap:.5rem;background:#0000004d;padding:.5rem 1.25rem;border-radius:12px}.progress-bar-hull{flex:1;max-width:300px;height:8px;background:#ffffff1a;border-radius:99px}.progress-bar-core{height:100%;background:var(--electric-blue);border-radius:99px;box-shadow:0 0 15px var(--electric-blue)}.dashboard-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.action-card{background:#1e293b55;border:1px solid rgba(255,255,255,.05);padding:1.5rem;border-radius:20px;display:flex;flex-direction:column;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.action-card .card-icon-wrapper{width:48px;height:48px;border-radius:14px;background:#0003;display:flex;align-items:center;justify-content:center}.action-card .card-title{font-size:1.1rem;font-weight:700}.action-card .card-desc{font-size:.85rem;color:var(--text-muted)}.action-card .card-arrow{position:absolute;bottom:1.5rem;right:1.5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.action-card:hover{transform:translateY(-5px);background:#1e293b}.action-card.blue:hover{border-color:#3b82f6;box-shadow:0 10px 30px -10px #3b82f666}.action-card.purple:hover{border-color:#a855f7;box-shadow:0 10px 30px -10px #a855f766}.action-card.green:hover{border-color:#22c55e;box-shadow:0 10px 30px -10px #22c55e66}.action-card.gold:hover{border-color:#eab308;box-shadow:0 10px 30px -10px #eab30866}.dashboard-section{margin-bottom:3.5rem}.section-header{font-size:1.25rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em;color:#fff}.section-header.minimal{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.continue-learning-card.highlight{background:#ffffff05;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-learning-card.highlight:hover{background:#ffffff0a;border-color:#3b82f633;transform:translateY(-2px)}.learning-content{display:flex;align-items:center;gap:2rem}.learning-icon-box{width:60px;height:60px;background:#3b82f61a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--electric-blue)}.learning-text .label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.25rem;display:block}.learning-text .topic{font-size:1.4rem;font-weight:700}.primary-cta{margin-top:0;background:var(--electric-blue);color:#fff;border:none;padding:.85rem 2.5rem;border-radius:14px;font-weight:700;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s}.primary-cta:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px -10px #3b82f680}.focus-grid{display:flex;gap:1.5rem}.focus-item-alt{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:1.5rem;border-radius:24px;display:flex;align-items:flex-start;gap:1.25rem;transition:all .3s}.focus-item-alt:hover{background:#ffffff0a;border-color:#3b82f633;transform:translateY(-4px)}.focus-item-alt .check-icon{color:#22c55e;margin-top:4px}.focus-details .focus-name{display:block;font-weight:700;font-size:1.1rem;margin-bottom:.35rem}.focus-details .focus-meta{font-size:.85rem;color:var(--text-muted)}.activity-list-minimal{background:#ffffff03;padding:1.5rem 2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.03)}.activity-row{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.activity-row:last-child{border-bottom:none}.status-dot{width:6px;height:6px;border-radius:50%;margin-right:1.5rem}.dot-yellow{background:#eab308}.dot-blue{background:#3b82f6}.dot-purple{background:#a855f7}.activity-text{flex:1;font-size:1rem;color:#ffffffd9}.activity-time{font-size:.85rem;color:var(--text-muted)}@media(max-width:1100px){.dashboard-bento-grid{grid-template-columns:repeat(2,1fr)}.focus-grid{flex-direction:column}.continue-learning-card.highlight{flex-direction:column;align-items:flex-start;gap:2rem;padding:2.5rem}}@media(max-width:800px){.dashboard-sidebar{width:80px;padding:2rem .5rem}.item-name,.group-title,.brand-text{display:none}.dashboard-content{margin-left:80px;padding:1.5rem}}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.bg-glass{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.border{border-width:1px}.border-glass{border-color:#ffffff1a}.rounded-xl{border-radius:.75rem}.relative{position:relative}.absolute{position:absolute}.left-4{left:1rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.hover-grow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-grow:hover{transform:translateY(-5px)}.assessments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.card-image-box{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:1rem}.card-image-box img{width:100%;height:100%;object-fit:cover}.card-body{padding:.5rem 0}.badge{position:absolute;top:.75rem;right:.75rem;padding:.35rem .85rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge.beginner,.badge.easy{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge.junior,.badge.medium{background:#eab30833;color:#eab308;border:1px solid rgba(234,179,8,.3)}.badge.senior,.badge.hard{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-badge{padding:.25rem .75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6;border-radius:6px;font-size:.75rem;font-weight:600}.search-box input{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;outline:none;transition:all .2s}.search-box input:focus{border-color:var(--electric-blue);background:#ffffff0d}.search-box input::placeholder{color:var(--text-muted)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-6{gap:1.5rem}.p-8{padding:2rem}.mt-8{margin-top:2rem}.justify-end{justify-content:flex-end}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.form-group input,.form-group textarea,.form-group select{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.95rem;outline:none;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--electric-blue);background:#ffffff0d}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.settings-grid{max-width:1000px}.profile-section{display:flex;align-items:center;gap:1.5rem}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid rgba(59,130,246,.3);box-shadow:0 0 20px #3b82f633}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:#3b82f61a;display:flex;align-items:center;justify-content:center;color:var(--electric-blue)}.mt-6{margin-top:1.5rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-center{display:flex;align-items:center;justify-content:center}.h-screen{height:100vh}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;margin-top:3rem}.game-card{padding:2.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08)}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .4s}.game-card:hover:before{opacity:1}.game-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.game-card:focus{outline:2px solid var(--electric-blue);outline-offset:4px}.game-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;position:relative;box-shadow:0 8px 24px #0003;transition:all .4s cubic-bezier(.4,0,.2,1)}.game-icon-wrapper:after{content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;background:linear-gradient(135deg,currentColor,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.game-card:hover .game-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #0000004d}.game-card:hover .game-icon-wrapper:after{opacity:.6}.game-icon-wrapper svg{width:40px;height:40px;filter:drop-shadow(0 2px 8px currentColor)}.game-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-description{color:#ffffffb3;font-size:1rem;line-height:1.6;margin:0}.game-learning-goal{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-left:3px solid;border-image:linear-gradient(180deg,var(--electric-blue),transparent) 1;padding:1.25rem;border-radius:12px;margin-top:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.game-card:hover .game-learning-goal{background:linear-gradient(135deg,#3b82f633,#3b82f614);box-shadow:0 4px 16px #3b82f633}.goal-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--electric-blue);font-weight:800;display:block;margin-bottom:.75rem}.goal-text{font-size:.95rem;color:#fffffff2;margin:0;line-height:1.5}.start-game-btn{background:transparent;border:none;color:var(--electric-blue);font-weight:800;font-size:1.05rem;cursor:pointer;padding:0;margin-top:auto;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem}.start-game-btn:after{content:"→";transition:transform .3s}.game-card:hover .start-game-btn{transform:translate(8px);text-shadow:0 0 20px currentColor}.game-card:hover .start-game-btn:after{transform:translate(4px)}.practice-embed-container{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.practice-embed-header{margin-bottom:2.5rem}.practice-embed-header h2{background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.practice-embed-header .text-muted{font-size:1.05rem;color:#fff9}.iframe-wrapper{border-radius:16px;overflow:hidden;background:#000;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;position:relative}.iframe-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--electric-blue),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:.5}}.iframe-wrapper iframe{display:block}.iframe-fallback{padding:4rem 2rem;text-align:center;color:var(--text-muted)}.back-to-games-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.3);color:var(--electric-blue);font-weight:700;font-size:1rem;cursor:pointer;padding:.75rem 1.5rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f61a}.back-to-games-btn:hover{transform:translate(-4px);background:linear-gradient(135deg,#3b82f626,#3b82f614);border-color:var(--electric-blue);box-shadow:0 8px 24px #3b82f633}.back-to-games-btn:focus{outline:2px solid var(--electric-blue);outline-offset:4px}@media(max-width:768px){.games-grid{grid-template-columns:1fr;gap:2rem}.game-card{padding:2rem}.practice-embed-container{padding:1.5rem;border-radius:16px}}:root{--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--accent-gradient-glow: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--surface-low: rgba(255, 255, 255, .02)}.glass-premium{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0006}.glass-premium-hover:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 40px #0009}.text-gradient{background:var(--accent-gradient-glow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-input-premium{background:#0000004d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:14px 18px!important;font-size:1rem!important;color:#f8fafc!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%}.form-input-premium:focus{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633!important;background:#0006!important;outline:none}.form-label-premium{font-weight:600;color:#94a3b8;margin-bottom:10px;display:block;font-size:.9rem;letter-spacing:.02em}.avatar-ring-animated{position:relative;padding:5px;background:var(--accent-gradient-glow);border-radius:50%;box-shadow:0 0 30px #3b82f64d}.avatar-inner{background:#0f172a;border-radius:50%;padding:2px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:130px;height:130px}.avatar-inner img{width:100%;height:100%;object-fit:cover;border-radius:50%}.btn-save-premium{background:var(--accent-gradient-glow);border:none;padding:16px 40px;border-radius:16px;font-weight:800;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #3b82f666;display:flex;align-items:center;gap:10px}.btn-save-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #3b82f699;filter:brightness(1.1)}.btn-save-premium:active:not(:disabled){transform:translateY(0)}.section-premium{padding:48px;margin-bottom:40px;position:relative}.section-title-premium{font-size:1.6rem;font-weight:900;margin-bottom:32px;display:flex;align-items:center;gap:16px;color:#fff;letter-spacing:-.01em}.section-icon-box-premium{width:48px;height:48px;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#60a5fa;border:1px solid rgba(255,255,255,.1)}.page-header-premium{margin-bottom:60px;text-align:left}.page-title-premium{font-size:3rem;font-weight:900;margin-bottom:12px;letter-spacing:-.04em}.page-subtitle-premium{font-size:1.2rem;color:#94a3b8;max-width:600px;line-height:1.6}.premium-feature-hero{position:relative;display:flex;align-items:center;justify-content:center;padding:100px 20px;background-color:transparent}.hero-content-wrapper{display:flex;align-items:center;gap:clamp(2rem,5vw,80px);background:#ffffff05;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-radius:clamp(24px,5vw,48px);padding:clamp(3rem,8vw,100px) clamp(1.5rem,5vw,80px);width:100%;max-width:1200px;position:relative;z-index:1;transition:all .5s cubic-bezier(.2,1,.3,1)}.hero-main-title{font-size:clamp(2.2rem,8vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em;color:#fff}.hero-subtext{font-size:clamp(1rem,4vw,1.25rem);color:#94a3b8;line-height:1.6;margin-bottom:40px;max-width:100%}@media(max-width:1024px){.premium-feature-hero{padding:60px 20px}.hero-content-wrapper{flex-direction:column!important;text-align:center}.hero-visual-side{width:100%;max-width:500px}.premium-mock-window{transform:none!important}}.title-highlight{background:linear-gradient(90deg,#a786ff,#6274ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-primary-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #8b5cf699}.btn-arrow{width:20px;height:20px;transition:transform .3s ease}.hero-primary-btn:hover .btn-arrow{transform:translate(5px)}.premium-mock-window{width:100%;max-width:600px;background:#0d1117cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;position:relative;box-shadow:0 30px 60px #00000080;transform:rotateY(-10deg) rotateX(5deg);transition:transform .5s ease}.premium-mock-window:hover{transform:rotateY(0) rotateX(0) scale(1.02)}.window-decor-glow{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);pointer-events:none}.window-decor-glow.secondary{background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%)}.window-decor-glow.tertiary{background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%)}.window-decor-glow.quaternary{background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%)}.mock-header{background:#ffffff08;padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.tab-group{display:flex;gap:1rem}.mock-tab{font-size:.75rem;color:var(--text-muted);padding:.3rem .8rem;border-radius:6px}.mock-tab.active{background:#ffffff0d;color:#fff}.window-controls{display:flex;gap:6px}.window-controls span{width:10px;height:10px;border-radius:50%;background:#ffffff1a}.mock-body{padding:2rem;display:flex;gap:1.5rem;font-family:JetBrains Mono,monospace;font-size:.95rem;min-height:200px}.line-numbers{color:#ffffff1a;text-align:right}.code-content{color:#e1e4e8;line-height:1.7}.p-keyword{color:#f97583}.p-var{color:#79b8ff}.p-string{color:#9ecbff}.p-func{color:#b392f0}.p-attr{color:#ffab70}.p-val{color:#79b8ff}.p-tag{color:#7ee787}.mock-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;background:#0003}.terminal-prompt{font-size:.8rem;color:#7ee787;font-family:monospace}.mock-run-btn{background:#238636;color:#fff;border:none;padding:.4rem 1.2rem;border-radius:6px;font-weight:700;font-size:.75rem;cursor:pointer}.game-mock-ui{padding:1.5rem}.game-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem}.level-badge{font-size:.8rem;color:#3b82f6;font-weight:700}.game-score{font-size:.8rem;color:#fff;opacity:.6}.game-viewport{background:#1c1c2b;height:180px;border-radius:16px;position:relative;display:flex;justify-content:center;align-items:center}.lily-pad-grid{display:flex;gap:2rem}.lily-target{position:relative;width:50px;height:50px}.lily-pad{width:100%;height:100%;background:#10b981;border-radius:50%;opacity:.3}.frog-character{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem}.game-editor-mini{margin-top:1.5rem;background:#0000004d;padding:1rem;border-radius:12px;font-family:monospace}.editor-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem}.ui-mock{display:flex;min-height:350px}.ui-mock-sidebar{width:70px;background:#ffffff05;border-right:1px solid rgba(255,255,255,.05);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.sidebar-circle{width:30px;height:30px;background:#ffffff0d;border-radius:50%}.sidebar-line{width:100%;height:4px;background:#ffffff08;border-radius:2px}.sidebar-line.short{width:60%}.sidebar-nav{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.nav-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a}.nav-dot.active{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.ui-mock-main{flex:1;display:flex;flex-direction:column}.ui-mock-topbar{height:50px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.topbar-search{width:150px;height:10px;background:#ffffff0a;border-radius:5px}.topbar-avatar{width:24px;height:24px;background:#ffffff14;border-radius:50%}.ui-mock-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.content-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;position:relative;overflow:hidden}.content-card.large{height:140px;padding:1.5rem}.mock-stats-row{display:flex;gap:.8rem;margin-bottom:1.5rem}.m-stat-box{width:40px;height:10px;background:#ffffff0d;border-radius:4px}.mock-chart-container{display:flex;align-items:flex-end;gap:8px;height:60px}.m-bar{flex:1;background:var(--accent-gradient);border-radius:4px 4px 0 0;opacity:.6}.h-20{height:20%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-80{height:80%}.content-row{display:flex;gap:1rem}.content-card.small{flex:1;height:100px;padding:1rem}.m-user-list{display:flex;flex-direction:column;gap:.8rem}.m-user-item{display:flex;align-items:center;gap:.5rem}.m-user-avatar{width:20px;height:20px;background:#ffffff1a;border-radius:50%}.m-user-line{width:60%;height:6px;background:#ffffff0d;border-radius:3px}.m-user-line.short{width:40%}.m-preview-visual{width:100%;height:100%;background:linear-gradient(135deg,rgba(139,92,246,.1),transparent);border-radius:8px}.card-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);animation:shimmer 2s infinite;pointer-events:none}.designer-tag{padding:.6rem 1.2rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981;font-size:.7rem;font-weight:800;align-self:flex-start;margin:0 1.5rem 1.5rem;border-radius:8px;letter-spacing:.5px}.visual-float-container{position:relative;width:100%;transition:transform .1s ease-out}.floating-element{position:absolute;background:var(--accent-gradient);border-radius:50%;filter:blur(30px);opacity:.1;pointer-events:none;z-index:-1}.f-1{top:-20px;left:-20px;width:100px;height:100px}.f-2{bottom:-40px;right:-20px;width:150px;height:150px;opacity:.05}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:floating 3s ease-in-out infinite}@media(max-width:1024px){.hero-content-wrapper{flex-direction:column!important;text-align:center;gap:4rem}.hero-subtext{margin-left:auto;margin-right:auto}.premium-mock-window{transform:none!important}.hero-main-title{font-size:2.5rem}}@media(max-width:768px){.hero-content-wrapper{padding:2.5rem 1.5rem;border-radius:24px;gap:2.5rem}.hero-main-title{font-size:1.85rem}.mock-body{padding:1.5rem;font-size:.8rem}.hero-primary-btn{width:100%;justify-content:center}}@media(max-width:480px){.hero-main-title{font-size:1.65rem}.mock-body{gap:.5rem}.line-numbers{display:none}}.courses-section{padding:100px 0;position:relative;overflow:hidden}.courses-header{text-align:center;margin-bottom:60px}.eyebrow{color:var(--accent-primary, #7c3aed);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:2px;margin-bottom:16px;display:block}.section-title{font-size:clamp(2rem,7vw,3.5rem);font-weight:900;margin-bottom:20px;color:#fff;line-height:1.1}.courses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}@media(max-width:1024px){.courses-grid{gap:20px}}@media(max-width:768px){.courses-grid{grid-template-columns:1fr}.courses-section{padding:60px 0}}.course-card{background:#ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;overflow:hidden;width:100%}@media(hover:hover){.course-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff0d}}@media(max-width:480px){.course-card{padding:1.5rem}.course-title{font-size:1.4rem}.course-price{font-size:1.6rem}.view-curriculum-btn{padding:10px 16px;font-size:.9rem}}.accent-html-css-js{--card-accent: #06b6d4}.accent-react{--card-accent: #8b5cf6}.accent-backend{--card-accent: #10b981}.accent-mern{--card-accent: #ec4899;background:linear-gradient(145deg,#ffffff08,#ec48990d);border-color:#ec489933}.course-card:hover{border-color:var(--card-accent);box-shadow:0 0 40px rgba(var(--card-accent),.15);transform:translateY(-8px) scale(1.02)}.accent-html-css-js:hover{border-color:#06b6d4;box-shadow:0 0 30px #06b6d433}.accent-react:hover{border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf633}.accent-backend:hover{border-color:#10b981;box-shadow:0 0 30px #10b98133}.accent-mern:hover{border-color:#ec4899;box-shadow:0 0 40px #ec48994d}.card-glow-overlay{background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);mix-blend-mode:overlay}.accent-html-css-js .card-glow-overlay{background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(6,182,212,.15),transparent 40%)}.accent-react .card-glow-overlay{background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(139,92,246,.15),transparent 40%)}.accent-backend .card-glow-overlay{background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(16,185,129,.15),transparent 40%)}.accent-mern .card-glow-overlay{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(236,72,153,.2),transparent 40%)}.course-price{font-size:2.2rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5);background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.accent-mern .course-price{background:linear-gradient(to right,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.course-content{position:relative;z-index:1}.course-badge{position:absolute;top:20px;right:20px;background:linear-gradient(90deg,#7c3aed,#3b82f6);color:#fff;padding:6px 12px;border-radius:100px;font-size:.7rem;font-weight:800;letter-spacing:1px}.course-title{font-size:1.8rem;font-weight:800;margin-bottom:24px;color:#fff}.course-highlights{list-style:none;padding:0;margin:0 0 40px;flex:1}.section-subtitle{font-size:1.2rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.course-highlights li{display:flex;align-items:flex-start;gap:12px;color:#cbd5e1;margin-bottom:12px;font-size:1rem;line-height:1.5}.check-icon{width:18px;height:18px;color:#10b981;margin-top:3px;flex-shrink:0}.course-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:30px}.course-price{font-size:2rem;font-weight:900;color:#fff}.view-curriculum-btn{background:#fff;color:#05080f;border:none;padding:12px 24px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .3s ease}.course-card:hover .view-curriculum-btn{background:var(--accent-primary, #7c3aed);color:#fff}.arrow-icon{width:18px;height:18px}@media(max-width:1024px){.section-title{font-size:2.5rem}}@media(max-width:768px){.courses-grid{grid-template-columns:1fr;gap:20px}.course-card{padding:2rem}.course-title{font-size:1.5rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;padding:0 1rem}}@media(max-width:480px){.courses-header{margin-bottom:40px}.course-card{padding:1.5rem}.course-footer{flex-direction:column;align-items:flex-start;gap:1.5rem}.view-curriculum-btn{width:100%;justify-content:center}.course-badge{position:relative;top:0;right:0;margin-bottom:1rem;display:inline-block}}.course-detail-page.premium-redesign{background:#020617;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.sticky-enroll-bar{position:fixed;top:0;left:0;right:0;background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;padding:12px 0;transform:translateY(-100%);transition:transform .4s ease}.course-detail-page:hover .sticky-enroll-bar{transform:translateY(0)}.sticky-content{display:flex;justify-content:space-between;align-items:center}.s-title{font-weight:800;font-size:1.1rem}.s-badge{background:#7c3aed;font-size:.65rem;padding:2px 8px;border-radius:4px;margin-left:10px;font-weight:900}.s-price{font-size:1.4rem;font-weight:950;margin-right:20px;color:#a78bfa}.enroll-btn-sticky{background:#fff;color:#000;border:none;padding:8px 16px;border-radius:8px;font-weight:800;cursor:pointer}.detail-hero-premium{padding:140px 0 100px;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(124,58,237,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(34,211,238,.08) 0%,transparent 40%)}.hero-grid-layout{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center}.brand-eyebrow{color:#a78bfa;font-weight:900;text-transform:uppercase;letter-spacing:3px;font-size:.85rem;margin-bottom:20px}.detail-title-premium{font-size:clamp(2.5rem,10vw,5rem);font-weight:950;line-height:1;margin-bottom:30px;letter-spacing:-2px}.text-highlight-js{display:block;background:linear-gradient(90deg,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(3.5rem,12vw,6.5rem);position:relative}.text-highlight-js:after{content:"CORE FOCUS";position:absolute;top:20px;right:-120px;font-size:.7rem;letter-spacing:2px;-webkit-text-fill-color:#22d3ee;border:1px solid #22d3ee;padding:4px 10px;border-radius:4px;font-weight:900}@media(max-width:1024px){.text-highlight-js:after{position:static;display:inline-block;margin-top:10px;margin-left:0}}.hero-subline{display:block;font-size:clamp(1rem,4vw,1.5rem);color:#64748b;font-weight:500;margin-top:10px;letter-spacing:0}.detail-desc-premium{font-size:clamp(1rem,4vw,1.4rem);color:#94a3b8;line-height:1.6;max-width:700px;margin-bottom:40px}.hero-trust-badges{display:flex;gap:1.5rem;flex-wrap:wrap}.t-badge{display:flex;align-items:center;gap:8px;color:#64748b;font-weight:700;font-size:.9rem}.dot{width:8px;height:8px;background:#7c3aed;border-radius:50%;display:inline-block}.glass-premium-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;position:relative;overflow:hidden}.card-mouse-glow{position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(167,139,250,.15),transparent 40%);pointer-events:none;z-index:0;opacity:0;transition:opacity .5s}.glass-premium-card:hover .card-mouse-glow{opacity:1}.pricing-badge{background:#22c55e;color:#fff;font-size:.65rem;font-weight:900;padding:4px 12px;border-radius:100px;display:inline-block;margin-bottom:20px}.price-big{font-size:4rem;font-weight:950;margin-bottom:10px;color:#fff}.price-label{color:#64748b;font-size:.9rem;margin-bottom:30px}.enroll-btn-hero{width:100%;padding:20px;border-radius:16px;background:linear-gradient(90deg,#7c3aed,#3b82f6);color:#fff;border:none;font-weight:800;font-size:1.1rem;cursor:pointer;margin-bottom:30px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.enroll-btn-hero:hover{transform:scale(1.03);box-shadow:0 0 30px #7c3aed66}.hero-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.hero-features-list li{color:#94a3b8;font-size:.95rem;display:flex;align-items:center;gap:10px}.hero-features-list li:before{content:"✓";color:#22c55e;font-weight:900}.learning-section{padding:100px 0}.section-title-premium{font-size:3rem;font-weight:950;margin-bottom:60px;letter-spacing:-2px}.section-title-premium .accent{color:#7c3aed}.text-center{text-align:center}.learn-cards-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.learn-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:32px;padding:40px;position:relative;overflow:hidden;transition:all .4s ease}.learn-card:hover{transform:translateY(-10px);background:#ffffff0a}.high-priority{border-color:#7c3aed4d;background:#7c3aed08}.high-priority h3{color:#a78bfa;font-size:2rem;margin-bottom:20px}.l-badge{font-size:.65rem;font-weight:900;padding:4px 10px;border-radius:4px;background:#ffffff1a;margin-bottom:15px;display:inline-block}.l-badge.primary{background:#7c3aed;color:#fff}.l-desc{color:#64748b;margin-bottom:30px;font-size:1.1rem}.l-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.l-list.columns{display:grid;grid-template-columns:1fr 1fr}.l-list li{color:#94a3b8;display:flex;align-items:center;gap:10px}.l-list li:before{content:"→";color:#7c3aed}.topics-v-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic-card-title{font-size:1.25rem;font-weight:800;margin-bottom:20px;color:#a78bfa}.topic-card-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.topic-card-list li{color:#64748b;font-size:.95rem}.projects-section-premium{padding:120px 0}.projects-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.v-project-card{background:#0f172a;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .5s ease}.v-project-image{position:relative;aspect-ratio:16/10;overflow:hidden}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;position:relative}.p-type-tag{position:absolute;top:15px;left:15px;background:#7c3aed4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:800}.v-project-glow{position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(167,139,250,.2),transparent 50%);opacity:0;transition:opacity .4s}.v-project-card:hover .v-project-glow{opacity:1}.v-project-overlay{position:absolute;inset:0;background:#02061766;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.v-project-card:hover .v-project-overlay{opacity:1}.view-text{border:2px solid white;padding:8px 20px;border-radius:30px;font-weight:900;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.v-project-info{padding:25px}.v-project-info h4{font-size:1.25rem;font-weight:800;margin-bottom:12px}.tech-tags{display:flex;gap:8px;flex-wrap:wrap}.t-tag{font-size:.7rem;color:#64748b;background:#ffffff0d;padding:4px 8px;border-radius:4px}.interview-section-premium{padding-bottom:100px}.interview-premium-wrapper{display:flex;gap:40px;align-items:center;padding:60px;border-color:#7c3aed4d;background:linear-gradient(135deg,#7c3aed0d,#22d3ee08)}.interview-icon-box{width:100px;height:100px;background:#7c3aed;color:#fff;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 40px #7c3aed66}.interview-icon-box svg{width:50px;height:50px}.i-premium-badge{color:#a78bfa;font-weight:900;font-size:.8rem;letter-spacing:2px}.interview-text-box h2{font-size:2.5rem;font-weight:950;margin:10px 0 20px}.interview-text-box p{color:#94a3b8;font-size:1.25rem;line-height:1.6}.final-cta-section{padding-bottom:120px}.cta-premium-box{text-align:center;padding:80px}.cta-premium-box h3{font-size:3rem;font-weight:950;margin-bottom:20px;letter-spacing:-1px}.cta-premium-box p{color:#94a3b8;font-size:1.3rem;margin-bottom:40px}.cta-price-row{display:flex;flex-direction:column;align-items:center;gap:20px}.cta-price-big{font-size:4rem;font-weight:950;color:#a78bfa}.enroll-btn-final{padding:22px 50px;border-radius:20px;background:#fff;color:#000;border:none;font-weight:900;font-size:1.3rem;cursor:pointer}@media(max-width:1200px){.detail-title-premium{font-size:4rem}.text-highlight-js{font-size:5rem}.hero-grid-layout{grid-template-columns:1fr;text-align:center;gap:40px}.hero-pricing-card{max-width:450px;margin:0 auto}.hero-trust-badges{justify-content:center}.text-highlight-js:after{right:0;top:-30px}.learn-cards-grid{grid-template-columns:1fr}.topics-v-grid,.projects-visual-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.detail-title-premium{font-size:2.5rem}.text-highlight-js{font-size:3.5rem}.hero-subline{font-size:1.1rem}.interview-premium-wrapper{flex-direction:column;text-align:center;padding:40px}.topics-v-grid,.projects-visual-grid{grid-template-columns:1fr}.section-title-premium{font-size:2rem}}