:root{--bg-color: #050a14;--bg-secondary: #0a1120;--text-primary: #e0e6ed;--text-secondary: #94a3b8;--accent-blue: #325588;--accent-yellow: #F5F636;--accent-yellow-dim: #babb23;--border-color: #1e293b;--success: #22c55e;--error: #ef4444;--font-mono: "JetBrains Mono", "Courier New", Courier, monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;margin:0;line-height:1.2}button{cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.container{max-width:1200px;margin:0 auto}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.99}25%{opacity:.95}30%{opacity:.9}35%{opacity:.96}40%{opacity:.98}45%{opacity:.95}50%{opacity:.99}55%{opacity:.93}60%{opacity:.9}65%{opacity:.96}70%{opacity:1}75%{opacity:.97}80%{opacity:.95}85%{opacity:.92}90%{opacity:.98}95%{opacity:.95}to{opacity:.98}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-2deg)}20%{transform:skew(2deg)}30%{transform:skew(0)}40%{transform:skew(1deg)}50%{transform:skew(-1deg)}60%{transform:skew(0)}70%{transform:skew(0)}80%{transform:skew(-3deg)}90%{transform:skew(3deg)}to{transform:skew(0)}}@keyframes text-flicker{0%{opacity:.1}2%{opacity:1}8%{opacity:.1}9%{opacity:1}12%{opacity:.1}20%{opacity:1}to{opacity:1}}@keyframes bg-pulse{0%{background-position:0% 50%;opacity:.3;filter:drop-shadow(0 0 20px rgba(50,85,136,.2))}50%{background-position:100% 50%;opacity:.8;filter:drop-shadow(0 0 50px rgba(50,85,136,.6))}to{background-position:0% 50%;opacity:.3;filter:drop-shadow(0 0 20px rgba(50,85,136,.2))}}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rock-it{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:transparent;border-bottom:1px solid rgba(255,255,255,.1);position:absolute;top:0;left:0;right:0;z-index:100}.logo-container{display:flex;align-items:center;gap:10px}.nav-logo-icon{width:50px;height:auto;border:2px solid var(--accent-yellow);border-radius:4px;animation:flicker 4s infinite,pulse-border 2s infinite;transition:transform .3s ease}.nav-logo-icon:hover{animation:rock-it .5s ease-in-out infinite alternate}@keyframes pulse-border{0%{box-shadow:0 0 5px #f5f63633}50%{box-shadow:0 0 15px #f5f63699}to{box-shadow:0 0 5px #f5f63633}}.logo-text{font-family:var(--font-mono);line-height:1.1;font-weight:700;color:#fff}.logo-slash{color:var(--accent-yellow);animation:blink 1s infinite}.logo-sub{font-size:.7rem;color:var(--accent-blue);letter-spacing:1px}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{color:#fff;text-decoration:none;font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:1px;transition:color .2s}.nav-link:hover{color:var(--accent-yellow);text-shadow:0 0 5px var(--accent-yellow)}.nav-signup-btn{background:transparent;color:var(--accent-yellow);border:1px solid var(--accent-yellow);padding:8px 16px;font-family:var(--font-mono);font-weight:700;cursor:pointer;background:#f5f6361a;transition:all .3s}.nav-signup-btn:hover{background:var(--accent-yellow);color:#000;box-shadow:0 0 15px var(--accent-yellow)}.hero-section{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);background:#0d1117;overflow:hidden;position:relative;padding-top:100px}.hero-section:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at center,#3264c84d,#0000 60%);z-index:1;animation:bg-pulse 4s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.hero-section:after{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:3;background-size:100% 2px,3px 100%;pointer-events:none;animation:flicker .15s infinite}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-xl);align-items:center;position:relative;z-index:5}.saas-badge{background:#f44;color:#fff;font-family:var(--font-mono);font-weight:700;padding:5px 10px;display:inline-block;transform:rotate(-2deg);margin-bottom:var(--spacing-lg);font-size:.9rem;box-shadow:2px 2px #00000080;animation:float-badge 3s ease-in-out infinite;transition:all .3s}.saas-badge:hover{box-shadow:0 0 20px #f44c;transform:scale(1.1) rotate(0)}@keyframes float-badge{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}.hero-title{display:flex;flex-direction:column;font-family:Inter,sans-serif;font-weight:900;line-height:1.1;margin-bottom:var(--spacing-lg)}.line-1,.line-3{font-size:3.5rem;color:#fff;letter-spacing:2px}.line-1{animation:text-flicker 3s infinite}.line-2{font-size:3.5rem;display:flex;align-items:center;gap:15px}.strike-lazy{color:#666;text-decoration:line-through;text-decoration-color:#f44;text-decoration-thickness:4px;opacity:.7}.highlight-efficient{background:var(--accent-yellow);color:#000;padding:0 10px;animation:glitch-skew 4s infinite;display:inline-block;transition:all .3s}.highlight-efficient:hover{box-shadow:0 0 30px var(--accent-yellow);animation:none;transform:scale(1.1)}.hero-subtitle{font-size:1.5rem;color:#ccc;font-family:var(--font-mono);margin-bottom:var(--spacing-xl);line-height:1.5}.gold-text{color:var(--accent-yellow);text-shadow:0 0 10px rgba(245,246,54,.4);animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%,to{text-shadow:0 0 10px rgba(245,246,54,.4);opacity:1}50%{text-shadow:0 0 20px rgba(245,246,54,.8);opacity:.8}}.btn-primary{background:#325588;color:#fff;font-family:var(--font-mono);font-weight:700;padding:1rem 2rem;border:2px solid var(--accent-yellow);border-radius:0;font-size:1.1rem;box-shadow:4px 4px 0 var(--accent-yellow);transition:all .2s;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 0 30px var(--accent-yellow);transform:scale(1.05)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--accent-yellow)}.hero-visual{display:flex;justify-content:center;position:relative}.warning-card{position:relative;padding:20px;border:1px solid #333;background:#000;box-shadow:0 0 50px #f5f6361a;animation:float-badge 4s ease-in-out infinite reverse;transition:all .3s}.warning-card:hover{box-shadow:0 0 80px #f5f63666;border-color:var(--accent-yellow)}.visual-icon{width:100%;max-width:400px;display:block;filter:drop-shadow(0 0 10px rgba(245,246,54,.3))}.caution-tape{position:absolute;bottom:-15px;right:-20px;background:#000;border:1px solid var(--accent-yellow);color:var(--accent-yellow);padding:5px 15px;font-family:var(--font-mono);font-size:.8rem;animation:blink 2s infinite}@media(max-width:900px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{align-items:center}.line-1,.line-2,.line-3{font-size:2.5rem}.hero-visual{display:none}.navbar{position:relative}.hero-section{padding-top:var(--spacing-xl)}}.problem-section{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.section-title{font-family:var(--font-mono);color:var(--error);margin-bottom:var(--spacing-lg);font-size:2rem;display:flex;align-items:center;gap:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.alert-card{background:#ef44440d;border:1px solid var(--error);padding:var(--spacing-lg);border-radius:var(--radius-sm);transition:transform .2s,background .2s,box-shadow .2s}.alert-card:hover{transform:translateY(-5px);background:#ef44441a;box-shadow:0 0 30px #ef444466}.card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-header h3{color:var(--error);font-family:var(--font-mono)}.icon-red{color:var(--error);width:24px;height:24px}.problem-section p{color:var(--text-secondary);line-height:1.5}.solution-section{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--bg-color)}.solution-section .section-title{color:var(--accent-blue);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-sm)}.prompt{color:var(--success);margin-right:var(--spacing-md)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.module-card{background:#3255881a;border:1px solid var(--accent-blue);padding:var(--spacing-md);border-radius:var(--radius-sm);transition:transform .2s,background .2s,box-shadow .2s;cursor:not-allowed;opacity:.8}.module-card:hover{transform:translateY(-2px);background:#32558833;opacity:1;box-shadow:0 0 30px #32558880}.module-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.module-title{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.module-footer{display:flex;align-items:center;gap:var(--spacing-md)}.progress-bar{flex:1;height:4px;background:var(--bg-secondary);border-radius:2px}.status{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-yellow);border:1px solid var(--accent-yellow);padding:2px 4px;border-radius:2px}.pricing-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary);display:flex;justify-content:center}.pricing-card{background:#00000080;border:2px solid var(--accent-yellow);padding:var(--spacing-lg);text-align:center;border-radius:var(--radius-md);box-shadow:0 0 30px #f5f6361a;transition:transform .3s,box-shadow .3s}.pricing-card:hover{transform:scale(1.02);box-shadow:0 0 80px #f5f63666}.pricing-card .card-header h3{font-family:var(--font-mono);color:var(--accent-yellow);font-size:1.5rem;margin-bottom:var(--spacing-md)}.price{font-size:4rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.features-list{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0;text-align:left;display:inline-block}.features-list li{margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.btn-glitch{background:var(--accent-yellow);color:#000;width:100%;padding:1rem;font-family:var(--font-mono);font-weight:700;font-size:1.2rem;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s;animation:pulse-border 2s infinite}.btn-glitch:hover{background:#fff;box-shadow:0 0 30px var(--accent-yellow)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at center,#32558833,#0000 60%);animation:bg-pulse 6s ease-in-out infinite;z-index:1}.login-container:after{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none;animation:flicker .15s infinite}.login-box{position:relative;z-index:5;background:var(--bg-secondary);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:0 0 50px #00000080;width:100%;max-width:400px;text-align:center;border-radius:var(--radius-md);transition:box-shadow .3s}.login-box:hover{box-shadow:0 0 80px #32558866}.icon-wrapper{background:#3255881a;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);border:1px solid var(--accent-blue);animation:pulse-border 2s infinite;transition:all .3s}.icon-wrapper:hover{box-shadow:0 0 30px var(--accent-blue);transform:scale(1.1)}.lock-icon{color:var(--accent-blue)}.login-box h2{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.hint{color:var(--text-secondary);font-size:.8rem;margin-bottom:var(--spacing-lg)}.password-input{width:100%;padding:1rem;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm);transition:all .2s}.password-input:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 20px #f5f6364d}.error-message{color:var(--error);font-family:var(--font-mono);font-size:.9rem;margin-bottom:var(--spacing-md);animation:shake .5s}.login-btn{width:100%;padding:1rem;background:var(--accent-blue);color:#fff;border:none;font-family:var(--font-mono);font-weight:700;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.login-btn:hover{background:#2a4775;box-shadow:0 0 20px #32558899}.demo-btn:hover{background:#ffffff1a!important;border-color:var(--accent-yellow)!important;color:var(--accent-yellow)!important;box-shadow:0 0 10px var(--accent-yellow)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.dashboard-container{display:flex;height:100vh;background:var(--bg-color);overflow:hidden}.sidebar{width:300px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.user-profile{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;background:var(--accent-blue);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.info{display:flex;flex-direction:column}.name{font-size:.8rem;font-weight:700}.status{font-size:.7rem;color:var(--success)}.module-list{flex:1;overflow-y:auto;padding:var(--spacing-md)}.module-list h3{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);opacity:.7}.module-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px;margin-bottom:5px;background:transparent;border:1px solid transparent;color:var(--text-secondary);text-align:left;transition:all .2s;border-radius:var(--radius-sm)}.module-item:hover{background:#ffffff0d;color:var(--text-primary);box-shadow:0 0 10px #32558833}.module-item.active{background:#32558833;border-color:var(--accent-blue);color:var(--accent-yellow);box-shadow:0 0 15px #3255884d}.module-item .id{font-family:var(--font-mono);opacity:.5}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.logout-btn{width:100%;padding:10px;background:#ef44441a;color:var(--error);border:1px solid var(--error);border-radius:var(--radius-sm)}.content-area{flex:1;display:flex;flex-direction:column}.top-bar{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.top-bar h2{font-size:1.2rem;color:var(--accent-yellow)}.actions{display:flex;gap:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:5px;color:var(--text-primary);text-decoration:none;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;transition:all .2s}.action-btn:hover{border-color:var(--accent-blue);box-shadow:0 0 15px #32558866}.video-player-wrapper{flex:1;background:#000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.video-player{width:100%;max-width:1000px;max-height:80vh;outline:none;box-shadow:0 0 50px #00000080;border:1px solid var(--border-color)}.feature-section{padding:var(--spacing-xl) var(--spacing-md);background:#0d1117;position:relative;overflow:hidden}.feature-section:before{content:" ";position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 2px,50px 50px,50px 50px;z-index:0}.feature-grid-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);position:relative;z-index:2;margin-bottom:var(--spacing-xl)}.feature-card{background:#141923cc;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:var(--radius-md);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;min-height:200px}.feature-card h3{font-family:var(--font-mono);font-size:1.5rem;margin-bottom:1rem;font-weight:900;text-transform:uppercase}.feature-card p{color:var(--text-secondary);line-height:1.6}.card-orange{border-top:4px solid #ff6b6b}.card-orange:hover{box-shadow:0 0 30px #ff6b6b33;transform:translateY(-5px)}.card-orange h3{color:#ff6b6b}.card-purple{border-top:4px solid #a66bff}.card-purple:hover{box-shadow:0 0 30px #a66bff33;transform:translateY(-5px)}.card-purple h3{color:#a66bff}.card-green{border-top:4px solid #4ecdc4}.card-green:hover{box-shadow:0 0 30px #4ecdc433;transform:translateY(-5px)}.card-green h3{color:#4ecdc4}.feature-headline-wrapper{text-align:center;position:relative;z-index:2;margin-bottom:var(--spacing-xl);padding:40px 0}.feature-headline{color:#fff;font-size:2.5rem;font-weight:900;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,255,255,.1)}.feature-subheadline{color:var(--text-secondary);max-width:600px;margin:0 auto;font-family:var(--font-mono)}.feature-grid-bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--spacing-xl);position:relative;z-index:2}.tool-card{background:#000;border:1px solid #333;border-radius:var(--radius-md);overflow:hidden;transition:all .3s}.tool-card:hover{border-color:var(--accent-blue);box-shadow:0 0 40px #3255884d}.tool-image-wrapper{background:#111;border-bottom:1px solid #333;overflow:hidden;height:300px;position:relative}.tool-preview{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s;opacity:.8}.tool-card:hover .tool-preview{transform:scale(1.02);opacity:1}.tool-content{padding:2rem}.tool-content h3{font-family:var(--font-mono);color:#fff;font-size:1.5rem;margin-bottom:1rem}.tool-content p{color:#999;margin-bottom:2rem;line-height:1.5;min-height:60px}.tool-btn{background:transparent;border:1px solid #444;color:#fff;padding:10px 20px;font-family:var(--font-mono);cursor:pointer;transition:all .2s;width:100%;text-align:left;display:flex;justify-content:space-between}.tool-btn:hover{background:#fff;color:#000;border-color:#fff}@media(max-width:768px){.feature-grid-bottom{grid-template-columns:1fr}}