:root{--primary: #9b02c5;--primary-hover: #8b02b0;--bg-dark: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--card-bg: #1e293b}.landing-page{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 80px;position:sticky;top:0;z-index:100;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.5px}.logo-icon{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-main)}.btn-primary-sm{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer}.btn-primary-lg{background:var(--primary);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s}.btn-primary-lg:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f166}.btn-secondary-lg{background:transparent;color:var(--text-main);border:1px solid #334155;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;text-decoration:none}.btn-secondary-lg:hover{background:#1e293b}.hero-section{padding:100px 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto}.hero-content h1{font-size:64px;font-weight:850;line-height:1.1;letter-spacing:-2px;margin-bottom:24px}.text-gradient{background:linear-gradient(to right,#b472d2,#9b02c5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:20px;color:var(--text-muted);line-height:1.6;margin-bottom:40px;max-width:540px}.hero-actions{display:flex;gap:20px}.hero-preview{position:relative}.preview-container{position:relative;width:100%;padding-bottom:20%}.preview-window{background:#1e293b;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:1px solid #334155;transition:transform .3s}.main-window{z-index:1;width:100%}.overlay-window{position:absolute;top:30%;left:20%;width:90%;z-index:5;box-shadow:0 40px 100px -20px #000000b3;border:1px solid rgba(155,2,197,.3)}.preview-window img{width:100%;height:auto;display:block}.window-header{height:40px;background:#0f172a;display:flex;align-items:center;padding:0 16px;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:#334155}.features-section{padding:100px 80px;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:40px;font-weight:800;margin-bottom:16px}.section-header p{color:var(--text-muted);font-size:18px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:var(--card-bg);padding:40px;border-radius:20px;border:1px solid #334155;transition:all .2s}.feature-card:hover{border-color:var(--primary);transform:translateY(-5px)}.feature-icon-wrapper{width:48px;height:48px;background:#6366f11a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon{color:var(--primary)}.feature-card h3{font-size:20px;margin-bottom:12px}.feature-card p{color:var(--text-muted);line-height:1.6}.landing-footer{padding:60px 80px;text-align:center;border-top:1px solid #1e293b;color:var(--text-muted);font-size:14px}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding:60px 24px}.hero-content p{margin:0 auto 40px}.hero-actions{justify-content:center}.features-grid{grid-template-columns:1fr}.landing-nav{padding:20px 24px}}.app-container{width:100%;height:100vh;margin:0;padding:0}