*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{font-family:Arial,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background:#f8fafc;font-family:Arial,sans-serif}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827eb;justify-content:space-between;align-items:center;padding:18px 8%;display:flex;position:sticky;top:0}.logo-box{color:#fff;align-items:center;gap:15px;display:flex}.logo{border:3px solid #ff6b00;border-radius:50%;width:58px;height:58px}.logo-box span{color:#cbd5e1;font-size:14px}.nav-links{gap:35px;display:flex}.nav-links a{color:#fff;font-weight:700;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#ff6b00}.hero{color:#fff;background-position:50%;background-size:cover;align-items:center;min-height:92vh;padding:0 8%;display:flex}.hero-container{grid-template-columns:1fr 420px;align-items:center;gap:70px;width:100%;display:grid}.badge{background:#ff6b00;border-radius:40px;margin-bottom:20px;padding:10px 18px;font-weight:700;display:inline-block}.hero-left h1{margin-bottom:20px;font-size:62px;line-height:1.1}.hero-left p{color:#d1d5db;margin-bottom:35px;font-size:20px;line-height:1.8}.hero-buttons{gap:20px;margin-bottom:45px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:10px;padding:15px 35px;font-size:16px;font-weight:700}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:10px;padding:15px 35px;font-size:16px;font-weight:700}.hero-stats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.hero-stats div{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-radius:12px;padding:20px}.hero-stats h2{color:#ff6b00;margin-bottom:8px}.floating-card{background:#fff;border-radius:20px;padding:35px;animation:3s ease-in-out infinite float;box-shadow:0 20px 60px #0000004d}.floating-card h3{color:#111827;margin-bottom:20px}.floating-card p{color:#374151;margin:15px 0;font-weight:700}@keyframes float{50%{transform:translateY(-15px)}}button{transition:all .3s}button:hover{opacity:.95;transform:translateY(-3px)}a{transition:all .3s}@media (width<=768px){.navbar{text-align:center;flex-direction:column;padding:15px 20px}.logo-box{flex-direction:column;gap:8px;margin-bottom:15px}.logo-box h2{font-size:24px}.logo-box span{font-size:13px}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px;width:100%}.nav-links a{font-size:15px}.hero{min-height:auto;padding:60px 20px}.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-left h1{font-size:36px}.hero-left p{font-size:16px;line-height:1.7}.hero-buttons{flex-direction:column;gap:15px}.btn-primary,.btn-secondary{width:100%}.hero-stats{grid-template-columns:repeat(2,1fr);gap:15px}.hero-right{justify-content:center;display:flex}.floating-card{width:100%;max-width:350px;padding:25px}}.menu-icon{color:#fff;cursor:pointer;font-size:32px;display:none}@media (width<=768px){.navbar{flex-direction:row;padding:15px 20px}.logo{width:50px;height:50px}.menu-icon{display:block}.nav-links{background:#111827;flex-direction:column;align-items:center;gap:20px;width:100%;padding:25px 0;display:none;position:absolute;top:80px;left:0}.nav-links.active{display:flex}.hero-container{grid-template-columns:1fr}.hero-left h1{font-size:36px}.hero-stats{grid-template-columns:repeat(2,1fr)}}