:root{--bg: #050505;--zinc-900: #18181b;--zinc-800: #27272a;--zinc-400: #a1a1aa;--zinc-300: #d4d4d8;--indigo-500: #6366f1;--cyan-500: #06b6d4;--grad: linear-gradient(135deg, var(--indigo-500), var(--cyan-500))}body{margin:0;background-color:var(--bg);color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow-x:hidden}.home-content{text-align:center;max-width:800px}.hero h1{font-size:4rem;font-weight:900;margin-bottom:1rem;letter-spacing:-.05em}.gradient-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.25rem;color:var(--zinc-400);margin-bottom:3rem}.logo-badge{width:80px;height:80px;background:var(--grad);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 20px 40px #6366f14d}.icon-main{width:40px;height:40px;color:#fff}.features{display:flex;flex-direction:column;gap:2rem;align-items:center}.status-banner{display:flex;align-items:center;gap:.75rem;background:var(--zinc-900);padding:.75rem 1.25rem;border-radius:99px;border:1px border var(--zinc-800);font-size:.875rem}.status-on{color:#4ade80}.status-off{color:#f87171}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.card{background:var(--zinc-900);border:1px solid var(--zinc-800);padding:2rem;border-radius:24px;text-align:left;transition:transform .3s ease}.card:hover{transform:translateY(-5px);border-color:var(--zinc-400)}.card-icon{width:32px;height:32px;color:var(--indigo-500);margin-bottom:1rem}.card h3{margin:0 0 .5rem;font-size:1.25rem}.card p{margin:0;color:var(--zinc-400);font-size:.875rem;line-height:1.5}.btn-primary{background:var(--grad);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:16px;font-size:1.125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 10px 20px #6366f133}.btn-primary:hover{transform:scale(1.05);box-shadow:0 15px 30px #6366f166}.icon-next{width:20px;height:20px}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.bg-zinc-900{background-color:var(--zinc-900)}.border-zinc-800{border:1px solid var(--zinc-800)}.rounded-2xl{border-radius:1.5rem}.p-8{padding:2rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.text-zinc-400{color:var(--zinc-400)}.text-zinc-300{color:var(--zinc-300)}.bg-zinc-950{background-color:#09090b}.rounded-xl{border-radius:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-2>*+*{margin-top:.5rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-8{gap:2rem}.mb-8{margin-bottom:2rem}.w-full{width:100%}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-indigo-400{--tw-gradient-from: #818cf8;--tw-gradient-to: rgb(129 140 248 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-cyan-400{--tw-gradient-to: #22d3ee}.from-indigo-500{--tw-gradient-from: #6366f1;--tw-gradient-to: rgb(99 102 241 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-cyan-500{--tw-gradient-to: #06b6d4}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}@media (max-width: 640px){.grid{grid-template-columns:1fr}.hero h1{font-size:2.5rem}}