:root{--color-bg: #030504;--color-surface: #0e1210;--color-surface-translucent: rgba(14, 18, 16, .8);--color-primary: #00ff9d;--color-primary-glow: rgba(0, 255, 157, .4);--color-danger: #ff3b3b;--color-danger-glow: rgba(255, 59, 59, .4);--color-text: #ffffff;--color-text-dim: #889990;--font-main: "Inter", system-ui, -apple-system, sans-serif;--radius-md: 12px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 50%,rgba(0,255,157,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,59,59,.08),transparent 25%);color:var(--color-text);font-family:var(--font-main);min-height:100vh;overflow-x:hidden;line-height:1.5}#root{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{padding:24px 0;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--color-text)}.logo span{color:var(--color-primary)}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 0}.hero h1{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1;font-weight:800;margin-bottom:24px;letter-spacing:-.03em;max-width:800px}.text-gradient-primary{background:linear-gradient(to right,var(--color-primary),#00b36e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-danger{background:linear-gradient(to right,var(--color-danger),#b30000);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:clamp(1.125rem,4vw,1.25rem);color:var(--color-text-dim);max-width:600px;margin-bottom:48px}.form-wrapper{background:var(--color-surface-translucent);padding:8px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);display:flex;width:100%;max-width:480px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 24px -1px #0003}.form-wrapper input{background:transparent;border:none;color:var(--color-text);padding:0 24px;flex:1;font-size:1rem;outline:none}.form-wrapper button{background:var(--color-primary);color:#000;border:none;padding:12px 32px;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .2s ease}.form-wrapper button:hover{background:#33ffb0;transform:translateY(-1px);box-shadow:0 0 20px var(--color-primary-glow)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:80px;margin-bottom:80px}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:32px;border-radius:var(--radius-md);transition:transform .2s ease}.card:hover{background:#ffffff0d}.card h3{font-size:1.25rem;margin-bottom:12px}.card p{color:var(--color-text-dim);font-size:.95rem;line-height:1.6}.icon{font-size:2rem;margin-bottom:16px;display:block}footer{text-align:center;padding:40px 0;color:var(--color-text-dim);font-size:.875rem;border-top:1px solid rgba(255,255,255,.05)}
