:root{--primary: #0f172a;--secondary: #1e293b;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--text-main: #f8fafc;--text-muted: #94a3b8;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .1)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing-page{background-color:var(--primary);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-page .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all .3s ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.landing-page .navbar.scrolled{padding:1rem 0;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}.landing-page .nav-container{display:flex;justify-content:space-between;align-items:center}.landing-page .logo-container{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem}.landing-page .text-accent{color:var(--accent)}.landing-page .btn-login{color:var(--text-main);text-decoration:none;font-weight:600;padding:.5rem 1.5rem;border:1px solid var(--card-border);border-radius:99px;transition:all .2s}.landing-page .btn-login:hover{background:var(--card-border);border-color:var(--text-muted)}.landing-page .hero-section{padding-top:160px;padding-bottom:100px;position:relative}.landing-page .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:968px){.landing-page .hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.landing-page .hero-actions,.landing-page .stats-row{justify-content:center}}.landing-page h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.02em}.landing-page .gradient-text{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-page .hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6;max-width:540px}.landing-page .badge{display:inline-block;padding:.25rem .75rem;background:#3b82f61a;color:#60a5fa;border-radius:99px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(59,130,246,.2)}.landing-page .hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.landing-page .btn-primary{background:var(--accent);color:#fff;padding:.875rem 2rem;border-radius:99px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px var(--accent-glow)}.landing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.landing-page .btn-secondary{background:transparent;color:var(--text-main);padding:.875rem 2rem;border-radius:99px;border:1px solid var(--card-border);cursor:pointer;font-weight:600;transition:background .2s}.landing-page .btn-secondary:hover{background:var(--card-border)}.landing-page .stats-row{display:flex;gap:3rem;padding-top:2rem;border-top:1px solid var(--card-border)}.landing-page .stat-number{font-size:1.5rem;font-weight:700;color:var(--text-main)}.landing-page .stat-label{font-size:.875rem;color:var(--text-muted)}.landing-page .hero-visual{position:relative;height:500px;display:flex;justify-content:center;align-items:center}.landing-page .glass-panel{background:#ffffff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1.5rem;width:320px;height:380px;position:relative;z-index:2;box-shadow:0 25px 50px -12px #00000080;transform:perspective(1000px) rotateY(-12deg) rotateX(5deg);transition:transform .5s ease}.landing-page .glass-panel:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.landing-page .abstract-shape{position:absolute;border-radius:50%;filter:blur(80px);z-index:1}.landing-page .shape-1{width:300px;height:300px;background:#3b82f64d;top:-20px;right:-20px;animation:pulse 8s infinite}.landing-page .shape-2{width:250px;height:250px;background:#c084fc33;bottom:-40px;left:0;animation:pulse 6s infinite reverse}.landing-page .panel-header{display:flex;gap:6px;margin-bottom:2rem}.landing-page .dot{width:10px;height:10px;border-radius:50%}.landing-page .red{background:#ef4444}.landing-page .yellow{background:#f59e0b}.landing-page .green{background:#10b981}.landing-page .chart-placeholder{display:flex;align-items:flex-end;justify-content:space-between;height:120px;margin-bottom:2rem;gap:10px}.landing-page .bar{width:100%;background:linear-gradient(to top,var(--accent),rgba(59,130,246,.2));border-radius:4px;animation:chartGrow 2s ease-out forwards}.landing-page .panel-info{display:flex;justify-content:space-between}.landing-page .value{font-size:1.25rem;font-weight:700;color:var(--text-main)}.landing-page .label{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.landing-page .features-section{padding:6rem 0;background:linear-gradient(to bottom,var(--primary),#020617)}.landing-page .section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.landing-page .section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.landing-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.landing-page .feature-card{background:var(--card-bg);border:1px solid var(--card-border);padding:2rem;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease}.landing-page .feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -15px #00000080;border-color:var(--accent)}.landing-page .feature-icon-wrapper{width:48px;height:48px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.landing-page .feature-card h3{margin-top:0;margin-bottom:.75rem;font-size:1.25rem}.landing-page .feature-card p{color:var(--text-muted);line-height:1.6;margin:0}.landing-page .simple-footer{padding:2rem 0;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.875rem}.landing-page .simple-footer .container{display:flex;justify-content:space-between;align-items:center}.landing-page .footer-links{display:flex;gap:2rem}.landing-page .footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.landing-page .footer-links a:hover{color:var(--text-main)}@keyframes chartGrow{0%{height:0;opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.landing-page .slide-in-left{animation:slideInLeft 1s ease-out forwards}.landing-page .slide-in-right{animation:slideInRight 1s ease-out forwards}.landing-page .logo-spin{animation:logoSpin 20s linear infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}