body{background:#020617;color:#e5e7eb;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}a{color:#38bdf8;text-decoration:none;transition:color .2s ease}#hero{display:flex;align-items:center;justify-content:space-between;padding:80px 20px;gap:40px;flex-wrap:wrap}#hero .text{flex:1 1 400px;min-width:280px}#hero .text h1{font-size:52px;margin-bottom:16px;font-weight:700}#hero .text h2{font-size:24px;margin-bottom:16px;color:#cbd5f5}#hero .text p{font-size:18px;max-width:520px;margin-bottom:24px;color:#9ca3af}#hero .text button{padding:12px 28px;font-size:16px;cursor:pointer;border:none;background:#38bdf8;color:#020617;border-radius:6px;transition:all .25s ease;font-weight:600}#hero .text button:hover{background:#0ea5e9;transform:translateY(-2px)}#hero .text button.secondary{background:transparent;border:1px solid #38bdf8;color:#e5e7eb}#hero .image{flex:1 1 350px;min-width:280px;display:flex;justify-content:center}#hero .image img{width:100%;max-width:320px;height:auto;border-radius:12px;border:1px solid #1e293b;box-shadow:0 10px 30px #0006}@media(max-width:1024px){#hero{flex-direction:column;text-align:center;padding:60px 20px}#hero .text h1{font-size:40px}#hero .text h2{font-size:22px}#hero .text p{font-size:16px}#hero .text button{width:auto}}@media(max-width:768px){#hero{padding:40px 15px}#hero .text h1{font-size:30px}#hero .text h2{font-size:18px}#hero .text p{font-size:14px}#hero .text button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;font-family:system-ui,sans-serif;background:#020617;color:#e5e7eb}a{text-decoration:none;color:#38bdf8;transition:color .2s ease}a:hover{color:#0ea5e9}#root{width:100%}.container{width:90%;max-width:1200px;margin:0 auto}nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#020617f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #1e293b}nav .logo{font-size:22px;font-weight:700;color:#38bdf8}nav ul{list-style:none;display:flex;gap:28px}nav ul li{font-size:16px;cursor:pointer}#hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:80px 20px;gap:40px}.hero-left{flex:1;min-width:280px}.hero-left h1{font-size:48px;margin-bottom:10px}.hero-left h1 span{color:#38bdf8}.hero-left h2{font-size:24px;margin-bottom:14px;color:#cbd5f5}.hero-left p{font-size:18px;color:#9ca3af;margin-bottom:24px}.hero-left .buttons{display:flex;gap:16px;flex-wrap:wrap}button.primary{padding:12px 28px;background:#38bdf8;color:#020617;border:none;border-radius:6px;font-weight:600;cursor:pointer}button.secondary{padding:12px 28px;background:transparent;color:#e5e7eb;border:1px solid #38bdf8;border-radius:6px;font-weight:600;cursor:pointer}.hero-right{flex:1;display:flex;justify-content:center}.hero-right img{max-width:320px;width:100%;border-radius:16px;border:1px solid #1e293b;box-shadow:0 10px 30px #00000059}section{padding:80px 20px}.section-container{max-width:900px;margin:0 auto;text-align:center}section h2{font-size:36px;margin-bottom:28px}section p{font-size:18px;color:#9ca3af;margin-bottom:18px}footer{width:100%;padding:30px 20px;border-top:1px solid #1e293b;background:#020617;text-align:center;color:#9ca3af}@media(max-width:768px){#hero{flex-direction:column;text-align:center}.hero-left h1{font-size:28px}.hero-left h2{font-size:18px}.hero-left p{font-size:14px}.hero-left .buttons{justify-content:center}}