:root{--lp-accent:#7c6af7;--lp-accent-glow:#7c6af740;--lp-green:#4ade80;--lp-red:#f87171;--lp-warn:#facc15;--lp-surface:#1e1e2e;--lp-card:#181825;--lp-border:#ffffff14;--lp-fg:#cdd6f4;--lp-fg-muted:#6c7086;--lp-input-bg:#313244;--lp-btn-bg:#7c6af7;--lp-btn-fg:#fff;--lp-radius:8px;--lp-font:"Inter", system-ui, sans-serif;--lp-mono:"Cascadia Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--lp-font);color:var(--lp-fg);background:var(--lp-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:#fff;letter-spacing:-.02em;font-weight:700}a{color:var(--lp-accent);text-decoration:none;transition:color .2s}a:hover{filter:brightness(1.2)}.dashboard{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.dash-card{background:var(--lp-card);border:1px solid var(--lp-border);border-radius:var(--lp-radius);flex-direction:column;gap:8px;padding:24px;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex}.dash-card:hover{border-color:var(--lp-accent);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.dash-label{color:var(--lp-fg-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.dash-value{color:var(--lp-fg);font-size:36px;font-weight:700;line-height:1}.dash-value.green{color:var(--lp-green)}.dash-value.accent{color:var(--lp-accent)}.dash-unit{color:var(--lp-fg-muted);font-size:12px}.btn{border-radius:var(--lp-radius);cursor:pointer;white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--lp-accent);color:#fff;box-shadow:0 0 0 0 var(--lp-accent-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 20px 4px var(--lp-accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--lp-card);color:var(--lp-fg);border:1px solid var(--lp-border)}.btn-secondary:hover{border-color:var(--lp-accent);color:var(--lp-accent)}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.hero{text-align:center;padding:20px 0 10px}.hero-title{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:42px}.hero-subtitle{color:var(--lp-fg-muted);max-width:600px;margin:0 auto 20px;font-size:18px;line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:16px;display:flex}.hero-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#7c6af726 0%,#1e1e2e00 70%);width:600px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}header{border-bottom:1px solid var(--lp-border);z-index:10;padding:12px 0;position:relative}.header-content{justify-content:space-between;align-items:center;display:flex}.logo-wrap{align-items:center;gap:12px;display:flex}.logo-icon{width:28px;height:28px;color:var(--lp-green)}.logo-text{letter-spacing:.5px;font-size:18px;font-weight:700}.badge{color:var(--lp-accent);background:#7c6af71a;border:1px solid #7c6af74d;border-radius:20px;align-items:center;margin-bottom:24px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.stats-section{z-index:10;background:var(--lp-card);border:1px solid var(--lp-border);border-radius:16px;margin-bottom:0;padding:24px;position:relative}.stats-header{text-align:center;margin-bottom:16px}.stats-header h2{margin-bottom:12px;font-size:28px}.stats-header p{color:var(--lp-fg-muted)}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.feature-card{border:1px solid var(--lp-border);background:#ffffff05;border-radius:16px;padding:32px;transition:background .3s}.feature-card:hover{background:#ffffff0a}.feature-icon{width:48px;height:48px;color:var(--lp-accent);background:#7c6af71a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;display:flex}.feature-title{margin-bottom:12px;font-size:20px}.feature-desc{color:var(--lp-fg-muted);line-height:1.6}footer{border-top:1px solid var(--lp-border);text-align:center;color:var(--lp-fg-muted);margin-top:auto;padding:40px 0}.author-info{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.author-img{background:var(--lp-border);border-radius:50%;width:24px;height:24px}.landing-viewport{flex-direction:column;min-height:100vh;display:flex}.landing-main{flex-direction:column;flex:1;justify-content:space-between;padding-bottom:10px;display:flex}.scroll-hint{justify-content:center;margin:0;display:flex}.scroll-chip{color:var(--lp-fg-muted);text-transform:uppercase;letter-spacing:2px;cursor:pointer;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:700;transition:color .3s,transform .3s;display:flex;text-decoration:none!important}.scroll-chip:hover{color:var(--lp-accent);transform:translateY(2px)}.scroll-chip svg{color:var(--lp-accent);animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}html{scroll-behavior:smooth}