:root{--color-primary: #004aad;--color-primary-rgb: 0, 74, 173;--color-secondary: #11375b;--color-secondary-rgb: 17, 55, 91;--color-accent: #5de0e6;--color-accent-rgb: 93, 224, 230;--color-bg-deep: #070c19;--color-bg-dark: #0f172a;--color-bg-light: #f8fafc;--color-bg-card-light: #ffffff;--color-text-dark: #1e293b;--color-text-light: #f1f5f9;--color-text-muted: #64748b;--color-text-muted-light: #94a3b8;--color-border-dark: rgba(255, 255, 255, .08);--color-border-light: rgba(0, 0, 0, .08);--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .15), 0 8px 16px -6px rgba(0, 0, 0, .15);--shadow-lg: 0 20px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(93, 224, 230, .35);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;scroll-padding-top:80px}body{font-family:var(--font-body);background-color:var(--color-bg-deep);color:var(--color-text-light);line-height:1.6;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;line-height:1.25;color:var(--color-text-light)}p{color:var(--color-text-muted-light)}strong{color:#fff}a{text-decoration:none;color:inherit}.glow-bg-radial{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(140px);opacity:.15;pointer-events:none;z-index:-1;transition:all var(--transition-slow)}.primary-glow{top:10%;left:-200px;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%)}.accent-glow{top:50%;right:-200px;background:radial-gradient(circle,var(--color-accent) 0%,transparent 70%)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.max-w-md{max-width:640px}.max-w-lg{max-width:800px}.grid-2{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr;gap:60px}}.section-padding{padding:60px 0}@media (min-width: 768px){.section-padding{padding:80px 0}}.comparison-section,.curriculum-section,.vibecoding-section,.instructor-section,.certificate-section,.registration-section,.faq-section{min-height:100vh;min-height:100dvh;display:flex;align-items:center;position:relative}.bg-dark-layer{background-color:var(--color-bg-dark);position:relative;border-top:1px solid var(--color-border-dark);border-bottom:1px solid var(--color-border-dark)}.section-header{margin-bottom:50px}@media (min-width: 768px){.section-header{margin-bottom:70px}}.section-title{font-size:2.25rem;margin-bottom:20px;font-weight:800}@media (min-width: 768px){.section-title{font-size:3rem}}.section-desc{font-size:1.125rem;max-width:700px;margin-left:auto;margin-right:auto;color:var(--color-text-muted-light)}.text-center{text-center:center;text-align:center}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge{display:inline-flex;align-items:center;gap:8px;background-color:#5de0e614;border:1px solid rgba(93,224,230,.2);border-radius:var(--radius-full);padding:6px 16px;margin-bottom:24px}.badge-dot{width:8px;height:8px;background-color:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}.badge-text{font-size:.875rem;font-weight:600;color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase}.badge-primary{background-color:#004aad26;border-color:#004aad4d}.badge-primary .badge-text{color:#8bb4ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-title);font-weight:600;font-size:1rem;border-radius:var(--radius-sm);padding:14px 28px;cursor:pointer;transition:all var(--transition-normal);border:2px solid transparent}.btn-lg{padding:16px 36px;font-size:1.125rem}.btn-sm{padding:8px 18px;font-size:.875rem}.btn-primary{background-color:var(--color-accent);color:var(--color-bg-deep)}.btn-primary:hover{background-color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary-outline{background-color:transparent;border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary-outline:hover{background-color:#5de0e61a;transform:translateY(-2px)}.btn-text{color:#fff;background:transparent}.btn-text:hover{color:var(--color-accent);transform:translateY(2px)}.btn-block{width:100%}.pulse-glow{animation:pulse-glow-anim 2.5s infinite}.glassmorphism{background:#11375b33;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;transition:all var(--transition-normal);padding:14px 0}.site-header.scrolled{background:#070c19cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-dark);padding:12px 0}.header-container{display:flex;align-items:center;justify-content:space-between}.site-logo{height:40px;display:block;transition:transform var(--transition-fast)}.site-logo:hover{transform:scale(1.03)}.nav-menu ul{display:flex;list-style:none;gap:30px}.nav-link{font-family:var(--font-title);font-size:.95rem;font-weight:500;color:var(--color-text-muted-light);transition:color var(--transition-fast);padding:8px 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width var(--transition-fast)}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.mobile-menu-toggle{display:none;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 991px){.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:var(--color-bg-dark);border-left:1px solid var(--color-border-dark);padding:100px 40px 40px;transition:right var(--transition-normal);z-index:99}.nav-menu.open{right:0}.nav-menu ul{flex-direction:column;gap:24px}.mobile-menu-toggle{display:block;position:relative;z-index:101}.header-cta{display:none}}.hero-section{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding-top:100px;padding-bottom:40px;position:relative;background-image:linear-gradient(to bottom,#070c19a6,#070c19f2),url(/hero-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){.hero-section{padding-top:120px;padding-bottom:80px}}.hero-container{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}@media (min-width: 992px){.hero-container{grid-template-columns:1.15fr .85fr;gap:40px}}.hero-title{font-size:2.25rem;font-weight:800;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em}@media (min-width: 768px){.hero-title{font-size:3.15rem}}.hero-subtitle{font-size:1.05rem;margin-bottom:24px;line-height:1.55}.hero-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}@media (min-width: 480px){.hero-actions{flex-direction:row;align-items:center}}.hero-social-proof{display:flex;align-items:center;gap:16px;border-top:1px solid var(--color-border-dark);padding-top:16px}.avatars-group{display:flex;align-items:center}.avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg-deep);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;box-shadow:var(--shadow-sm)}.social-proof-text{font-size:.9rem}.mockup-frame{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1);position:relative;transition:transform var(--transition-normal);max-width:480px;margin:0 auto}.mockup-frame:hover{transform:translateY(-5px) scale(1.01)}.mockup-header{height:38px;background-color:#070c19cc;display:flex;align-items:center;padding:0 16px;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.dot{width:8px;height:8px;border-radius:50%}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.mockup-address{margin-left:20px;font-size:.75rem;color:var(--color-text-muted-light);font-family:var(--font-body);opacity:.7}.mockup-body{position:relative;background-color:#0c111e;overflow:hidden;aspect-ratio:16/10}.mockup-image{width:100%;height:100%;object-fit:cover;display:block}.accent-glow-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(93,224,230,.1) 0%,transparent 70%);pointer-events:none;z-index:1}.comparison-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:50px}@media (min-width: 768px){.comparison-grid{grid-template-columns:1fr 1fr}}.comparison-card{background:#ffffff05;border:1px solid var(--color-border-dark);border-radius:var(--radius-md);padding:40px;position:relative;display:flex;flex-direction:column;transition:transform var(--transition-normal),border var(--transition-normal)}.comparison-card:hover{transform:translateY(-4px)}.comparison-card.premium-card{background:#11375b26;border-color:#5de0e633}.comparison-card.premium-card:hover{border-color:var(--color-accent)}.card-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:1.75rem}.card-icon-wrapper.red{background-color:#ef44441a;color:#ef4444}.card-icon-wrapper.cyan{background-color:#5de0e61a;color:var(--color-accent)}.comparison-card h3{font-size:1.5rem;margin-bottom:8px}.card-sub{font-size:.9rem;margin-bottom:32px;font-weight:500}.text-cyan{color:var(--color-accent)}.comparison-list{list-style:none;display:flex;flex-direction:column;gap:16px}.comparison-list li{display:flex;gap:12px;font-size:.95rem}.list-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.comparison-card.traditional .list-icon{color:#ef444499}.glow-accent-border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-md);padding:1px;background:linear-gradient(135deg,var(--color-accent),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.curriculum-accordion-list,.faq-accordion-list{max-width:900px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:16px}.accordion-item,.faq-item{border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);background:#ffffff05;transition:all var(--transition-normal);overflow:hidden}.accordion-item:hover,.faq-item:hover{border-color:#5de0e633;background:#ffffff0a}.accordion-toggle,.faq-toggle{width:100%;background:transparent;border:none;padding:22px 28px;display:flex;align-items:center;text-align:left;cursor:pointer;color:#fff;font-family:var(--font-title);font-size:1.1rem;font-weight:600;transition:all var(--transition-fast)}.faq-toggle{justify-content:space-between;gap:20px}.accordion-toggle:focus,.faq-toggle:focus{outline:none}.module-number{font-size:.8rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;background:#5de0e614;border-radius:4px;margin-right:20px;flex-shrink:0}.module-title{flex-grow:1;padding-right:20px;transition:color var(--transition-fast)}.accordion-item:hover .module-title,.faq-item:hover .faq-toggle{color:var(--color-accent)}.accordion-icon,.faq-icon{color:var(--color-text-muted-light);transition:transform var(--transition-normal);display:flex;flex-shrink:0}.accordion-item.active,.faq-item.active{border-color:#5de0e64d;background:#11375b26}.accordion-item.active .accordion-icon,.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--color-accent)}.accordion-content,.faq-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.25,1,.5,1)}.accordion-body,.faq-body{min-height:0;padding:0 28px 24px}.accordion-body p,.faq-body p{color:var(--color-text-muted-light);font-size:.975rem;margin-bottom:20px;line-height:1.7}.faq-body p{margin-bottom:0}.module-highlights{display:flex;flex-wrap:wrap;gap:12px}.module-highlights span{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;background-color:#ffffff0a;color:#fff;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.03)}.module-highlights span i{width:14px;height:14px;color:var(--color-accent)}@media (max-width: 576px){.accordion-toggle{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.module-number{margin-right:0}.accordion-icon{align-self:flex-end}.accordion-body{padding:0 20px 20px}}.vibecoding-section{position:relative;padding:60px 0}@media (min-width: 768px){.vibecoding-section{padding:80px 0}}@media (min-width: 992px){.vibecoding-section{padding:100px 0}.vibecoding-section .grid-2{grid-template-columns:.85fr 1.15fr;gap:80px}}.vibecoding-text .section-header{margin-bottom:24px}.features-checklist{display:flex;flex-direction:column;gap:16px;margin-top:32px}.checklist-item{display:flex;gap:12px;align-items:flex-start}.check-icon{width:22px;height:22px;color:var(--color-accent);background-color:#5de0e61a;border-radius:50%;padding:3px;flex-shrink:0}.checklist-item span{font-size:1rem;font-weight:500;color:var(--color-text-light)}.vibe-card{border-radius:var(--radius-md);border:1px solid var(--color-border-dark);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.vibecoding-visual .vibe-card:hover{transform:translateY(-8px) scale(1.025);box-shadow:var(--shadow-glow),var(--shadow-lg)}.vibe-card-header{background-color:#070c1999;padding:12px 20px;display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--color-text-muted-light);border-bottom:1px solid rgba(255,255,255,.05)}.terminal-icon{width:16px;height:16px;color:var(--color-accent)}.vibe-card-body{padding:24px;background-color:#070c194d;overflow-x:auto}.code-editor{font-family:Courier New,Courier,monospace;font-size:.9rem;color:#fff;line-height:1.5}.code-editor .comment{color:#64748b}.code-editor .keyword{color:#f43f5e}.code-editor .string{color:var(--color-accent)}.certificate-section{position:relative;padding:40px 0}@media (min-width: 768px){.certificate-section{padding:50px 0}}@media (min-width: 992px){.certificate-section{padding:60px 0}.certificate-section .grid-2{grid-template-columns:1fr 1fr;gap:60px}}.section-desc-left{font-size:1.1rem;margin-bottom:20px;color:var(--color-text-muted-light);max-width:600px}.certificate-benefits{display:flex;flex-direction:column;gap:14px;margin-top:20px}.benefit-card-detailed{display:flex;gap:16px;padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border-dark);background:#11375b26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.benefit-card-detailed:hover{transform:translate(8px);border-color:#5de0e64d;box-shadow:0 4px 20px #5de0e60d}.benefit-card-detailed h3{font-size:1.1rem;margin-bottom:4px;color:#fff;font-family:var(--font-title);font-weight:600}.benefit-card-detailed p{font-size:.875rem;margin-bottom:0;line-height:1.5;color:var(--color-text-muted-light)}.certificate-visual{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.certificate-mockup-wrapper{position:relative;border-radius:var(--radius-md);padding:6px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:var(--shadow-lg);max-width:480px;width:100%;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;z-index:2}.certificate-img{width:100%;display:block;border-radius:calc(var(--radius-md) - 4px);aspect-ratio:1.414 / 1;object-fit:cover;transition:transform var(--transition-normal)}.certificate-mockup-wrapper:hover{transform:translateY(-10px) rotate(1deg);box-shadow:var(--shadow-glow),var(--shadow-lg)}.certificate-mockup-wrapper:hover .certificate-img{transform:scale(1.04)}.certificate-shadow{position:absolute;bottom:-30px;left:10%;right:10%;height:30px;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,transparent 80%);filter:blur(8px);pointer-events:none;z-index:1;transition:transform var(--transition-normal),opacity var(--transition-normal)}.certificate-mockup-wrapper:hover~.certificate-shadow{transform:scale(.9);opacity:.7}.instructor-image-wrapper{position:relative;display:flex;justify-content:center}.photo-glow-border{position:relative;border-radius:var(--radius-lg);padding:10px;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));box-shadow:var(--shadow-lg);max-width:480px;width:100%}.instructor-photo{width:100%;display:block;border-radius:calc(var(--radius-lg) - 6px);object-fit:cover;aspect-ratio:4/5}.floating-accent-box{position:absolute;bottom:-20px;right:-20px;background-color:var(--color-bg-dark);border:1px solid rgba(93,224,230,.3);padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-number{font-size:2rem;font-weight:800;color:var(--color-accent);line-height:1}.floating-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted-light)}@media (max-width: 767px){.floating-accent-box{bottom:10px;right:10px;padding:10px 18px}.floating-number{font-size:1.5rem}}.instructor-title{font-size:1.5rem;margin-bottom:24px;line-height:1.3;color:#fff;letter-spacing:.02em;border-left:4px solid var(--color-accent);padding-left:16px}.instructor-desc p{font-size:1.05rem;margin-bottom:20px;line-height:1.7}.instructor-bullets{margin-top:36px;display:flex;flex-direction:column;gap:16px}.bullet-card{padding:16px 20px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:16px;border:1px solid var(--color-border-dark);background:#ffffff03;transition:transform var(--transition-fast)}.bullet-card:hover{transform:translate(4px);border-color:#5de0e626}.bullet-icon-wrapper{width:40px;height:40px;border-radius:8px;background-color:#5de0e61a;color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bullet-card p{color:#fff;font-weight:500;font-size:.95rem;margin-bottom:0}.registration-section{position:relative}.registration-card{padding:40px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}@media (min-width: 576px){.registration-card{padding:50px}}.card-glow-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.price-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background-color:#5de0e61a;color:var(--color-accent);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:16px}.card-title{font-size:2rem;margin-bottom:12px}.card-subtitle{font-size:.95rem;margin-bottom:36px}.price-box{background:#070c1966;border-radius:var(--radius-md);padding:24px;text-align:center;margin-bottom:30px;border:1px solid var(--color-border-dark)}.old-price{display:block;font-size:1.1rem;color:var(--color-text-muted);text-decoration:line-through;line-height:1;margin-bottom:6px}.current-price{display:block;font-size:3rem;font-weight:800;color:#fff;line-height:1;font-family:var(--font-title)}.current-price .currency{font-size:1.25rem;font-weight:500;color:var(--color-accent)}.price-detail{display:block;font-size:.85rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:8px}.benefits-summary{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:36px}@media (min-width: 480px){.benefits-summary{grid-template-columns:1fr 1fr}}.benefit-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-light)}.benefit-item i{color:var(--color-accent);width:16px;height:16px;flex-shrink:0}.registration-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-text-light)}.form-group input,.form-group select{background-color:#070c1980;border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);padding:14px 16px;color:#fff;font-family:var(--font-body);font-size:.95rem;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 10px #5de0e626;background-color:#070c19b3}.form-group select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235de0e6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px}.form-group select option{background-color:#0f172a;color:#fff}.hidden{display:none!important}.btn-glow:hover{box-shadow:var(--shadow-glow)}.security-text{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:var(--color-text-muted)}.security-text i{width:14px;height:14px;color:#10b981}.site-footer{border-top:1px solid var(--color-border-dark);background-color:var(--color-bg-deep);padding:60px 0 40px}.footer-container{display:flex;flex-direction:column;gap:40px}.footer-brand{text-align:center;max-width:500px;margin-left:auto;margin-right:auto}.footer-logo{height:36px;margin-bottom:16px}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-dark);padding-top:30px;gap:20px}@media (min-width: 768px){.footer-bottom{flex-direction:row;gap:0}}.footer-bottom p{font-size:.85rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:.85rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1}to{transform:scale(.9);opacity:.6}}@keyframes pulse-glow-anim{0%{box-shadow:0 0 #5de0e666}70%{box-shadow:0 0 0 15px #5de0e600}to{box-shadow:0 0 #5de0e600}}.bg-light-layer{background-color:var(--color-bg-light);color:var(--color-text-dark);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.bg-light-layer .glow-bg-radial{display:none}.bg-light-layer h1,.bg-light-layer h2,.bg-light-layer h3,.bg-light-layer h4,.bg-light-layer h5,.bg-light-layer h6{color:var(--color-text-dark)}.bg-light-layer .section-desc,.bg-light-layer p{color:#334155}.bg-light-layer strong{color:var(--color-text-dark)}.bg-light-layer .gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bg-light-layer .badge{background-color:#004aad14;border-color:#004aad33}.bg-light-layer .badge .badge-text{color:var(--color-primary)}.bg-light-layer .badge-dot{background-color:var(--color-primary)}.bg-light-layer .comparison-card.traditional{background:var(--color-bg-card-light);border-color:#00000014;box-shadow:var(--shadow-sm);color:var(--color-text-dark)}.bg-light-layer .comparison-card.traditional h3,.bg-light-layer .comparison-card.traditional .card-sub,.bg-light-layer .comparison-card.traditional li,.bg-light-layer .comparison-card.traditional strong{color:var(--color-text-dark)}.bg-light-layer .comparison-card.traditional .list-icon{color:#ef4444}.bg-light-layer .comparison-card.premium-card{background:var(--color-secondary);border-color:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-text-light)}.bg-light-layer .comparison-card.premium-card h3,.bg-light-layer .comparison-card.premium-card .card-sub,.bg-light-layer .comparison-card.premium-card li,.bg-light-layer .comparison-card.premium-card strong{color:var(--color-text-light)}.bg-light-layer .comparison-card.premium-card .text-cyan{color:var(--color-accent)}.bg-light-layer .comparison-card.premium-card strong{color:#fff}.bg-light-layer .checklist-item span{color:var(--color-text-dark)}.bg-light-layer .check-icon{color:var(--color-primary);background-color:#004aad14}.bg-light-layer .registration-card{background:var(--color-secondary);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);color:var(--color-text-light)}.bg-light-layer .registration-card .card-title,.bg-light-layer .registration-card label,.bg-light-layer .registration-card .benefit-item span,.bg-light-layer .registration-card .security-text{color:var(--color-text-light)}.bg-light-layer .registration-card p,.bg-light-layer .registration-card strong{color:#fff}.bg-light-layer .registration-card .card-subtitle{color:var(--color-text-muted-light)}.bg-light-layer .vibe-card{background-color:#0c111e;border-color:#0000001a}.bg-light-layer .vibe-card-header{background-color:#070c19cc;border-bottom-color:#ffffff0d}.bg-light-layer .benefit-card-detailed{background:var(--color-bg-card-light);border-color:#0000000f;box-shadow:0 4px 15px #00000008}.bg-light-layer .benefit-card-detailed:hover{box-shadow:0 10px 30px #004aad0f;border-color:#004aad26}.bg-light-layer .benefit-card-detailed h3{color:var(--color-text-dark)}.bg-light-layer .benefit-card-detailed p{color:#475569}.bg-light-layer .benefit-card-detailed .benefit-icon-wrapper{background-color:#004aad0f;color:var(--color-primary)}.bg-light-layer .faq-item{background:var(--color-bg-card-light);border-color:#0000000f;box-shadow:var(--shadow-sm)}.bg-light-layer .faq-item:hover{background:#fff;border-color:#004aad26;box-shadow:var(--shadow-md)}.bg-light-layer .faq-toggle{color:var(--color-text-dark)}.bg-light-layer .faq-item.active{background:#004aad0a;border-color:#004aad33}.bg-light-layer .faq-item.active .faq-toggle{color:var(--color-primary)}.bg-light-layer .faq-body p{color:#475569}.bg-light-layer .faq-item:hover .faq-toggle{color:var(--color-primary)}.vibecoding-split{display:grid;grid-template-columns:1fr;min-height:400px}@media (min-width: 768px){.vibecoding-split{grid-template-columns:320px 1fr}}.vibe-chat-panel{border-bottom:1px solid var(--color-border-dark);display:flex;flex-direction:column;background-color:#070c1966;min-width:0;overflow:hidden}@media (min-width: 768px){.vibe-chat-panel{border-bottom:none;border-right:1px solid var(--color-border-dark)}}.vibe-editor-panel{display:flex;flex-direction:column;background-color:#070c1933;min-width:0;overflow:hidden}.vibe-panel-header{height:46px;padding:0 16px;background-color:#070c1999;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px;font-family:var(--font-title);font-size:.8rem;font-weight:600;color:var(--color-text-muted-light)}.vibe-panel-header span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;min-width:0}.panel-icon{width:14px;height:14px;flex-shrink:0}.vibe-chat-body{padding:24px;display:flex;flex-direction:column;gap:20px;flex-grow:1;text-align:left}.chat-message{padding:14px 16px;border-radius:12px;font-size:.875rem;line-height:1.5;width:100%}.user-msg{background-color:#ffffff05;border:1px solid rgba(255,255,255,.05)}.ai-msg{background-color:#5de0e60a;border:1px solid rgba(93,224,230,.12)}.msg-author{font-size:.75rem;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.user-msg .msg-author{color:var(--color-text-muted-light)}.ai-msg .msg-author{color:var(--color-accent)}.msg-text{color:#fff;margin-bottom:0}.generating-indicator{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.75rem;color:var(--color-accent);font-weight:600}.indicator-dot{width:6px;height:6px;background-color:var(--color-accent);border-radius:50%;animation:pulse 1.5s infinite}.bg-light-layer .vibe-chat-panel{background-color:#070c19a6;border-right-color:#ffffff0d}.vibe-preview-body{padding:0;display:flex;align-items:center;justify-content:center;flex-grow:1;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.vibecoding-split:hover .preview-image{transform:scale(1.02)}.lightbox{display:none;position:fixed;z-index:1000;padding:40px;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#070c19f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity var(--transition-normal);align-items:center;justify-content:center}.lightbox.active{display:flex;opacity:1}.lightbox-content{margin:auto;display:block;max-width:90%;max-height:85vh;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080,var(--shadow-glow);transform:scale(.95);transition:transform var(--transition-normal);object-fit:contain}.lightbox.active .lightbox-content{transform:scale(1)}.lightbox-close{position:absolute;top:24px;right:30px;color:#f1f5f9;font-size:36px;font-weight:700;transition:color var(--transition-fast),transform var(--transition-fast);cursor:pointer;z-index:1001;line-height:1}.lightbox-close:hover{color:var(--color-accent);transform:scale(1.1)}.vibecoding-visual .vibe-card{cursor:pointer}
