:root{--bg: #0a0a0a;--card: #111111;--text: #fafafa;--muted: #737373;--muted2: rgba(255, 255, 255, .05);--border: #262626;--shadow: rgba(0, 0, 0, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}a{color:inherit;text-decoration:none}.landing-screen{min-height:100vh;background:var(--bg);display:grid;grid-template-columns:1fr 1fr}.landing-left{display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden;background:var(--card)}.landing-left-content{position:relative;z-index:10;max-width:480px}.landing-brand{margin-bottom:2rem}.landing-brand h1{font-size:3rem;font-weight:200;color:var(--text);letter-spacing:8px;margin:0 0 .25rem}.landing-brand-sub{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:4px}.landing-tagline{font-size:1.05rem;color:var(--muted);line-height:1.7;margin-bottom:3rem}.landing-features{display:flex;flex-direction:column;gap:1.25rem}.landing-feature{display:flex;align-items:flex-start;gap:1rem}.landing-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-shrink:0;color:var(--text)}.landing-feature-icon svg{width:20px;height:20px}.landing-feature-text{display:flex;flex-direction:column;gap:.15rem}.landing-feature-title{font-size:.9rem;font-weight:500;color:var(--text)}.landing-feature-desc{font-size:.75rem;color:var(--muted)}.landing-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.landing-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.4;mask-image:radial-gradient(ellipse at 40% 50%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 40% 50%,black 0%,transparent 70%)}.landing-glow{position:absolute;top:20%;left:15%;width:500px;height:500px;background:radial-gradient(circle,var(--text) 0%,transparent 60%);opacity:.08;filter:blur(80px)}.landing-right{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--bg)}.landing-right-content{max-width:360px;width:100%}.landing-right-content h2{font-size:1.75rem;font-weight:400;color:var(--text);margin:0 0 .5rem}.landing-right-content>p{font-size:.9rem;color:var(--muted);margin:0 0 2rem;line-height:1.6}.landing-cta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.landing-cta-primary{width:100%;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--text);color:var(--bg);border:none}.landing-cta-primary:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 20px var(--shadow)}.landing-cta-primary svg{width:18px;height:18px}.landing-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:var(--border)}.landing-divider span{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.landing-note{font-size:.8rem;color:var(--muted);text-align:left}.landing-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.landing-footer a{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);transition:color .2s}.landing-footer a:hover{color:var(--text)}.landing-footer a svg{width:16px;height:16px}@media (max-width: 900px){.landing-screen{grid-template-columns:1fr;grid-template-rows:auto auto}.landing-left{padding:2rem;min-height:auto}.landing-left-content{max-width:100%}.landing-brand h1{font-size:2.5rem}.landing-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.landing-right{padding:2rem}}@media (max-width: 600px){.landing-left{padding:1.5rem}.landing-brand h1{font-size:1.75rem;letter-spacing:4px}.landing-tagline{font-size:.95rem;margin-bottom:2rem}.landing-features{grid-template-columns:1fr}.landing-right{padding:1.5rem}.landing-right-content h2{font-size:1.5rem}}::selection{background:var(--text);color:var(--bg)}