:root{--bg-color:#0b0c10;--text-color:#c5c6c7;--primary-color:#66fcf1;--secondary-color:#45a29e;--card-bg:#ffffff0d;--card-border:#66fcf133}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0b0c10d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;transition:all .3s;display:flex;position:fixed;top:0}.logo{color:#fff;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;display:flex}.logo-img{width:40px;height:40px;box-shadow:0 0 10px var(--primary-color);border-radius:10px}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.hero{justify-content:space-between;align-items:center;min-height:100vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#66fcf126 0%,#0b0c1000 70%);width:50vw;height:50vw;position:absolute;top:-20%;left:-10%}.hero-content{flex:1;max-width:600px;animation:1s forwards slideInLeft}.hero-title{color:#fff;margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.highlight{color:var(--primary-color);text-shadow:0 0 20px #66fcf180}.hero-subtitle{opacity:.9;margin-bottom:2.5rem;font-size:1.2rem}.hero-buttons{gap:1rem;display:flex}.btn{border-radius:30px;padding:.8rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s}.btn-primary{background:var(--primary-color);color:#0b0c10;box-shadow:0 0 15px #66fcf166}.btn-primary:hover{background:#fff;transform:translateY(-3px);box-shadow:0 0 25px #66fcf199}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);background:0 0}.btn-secondary:hover{background:#66fcf11a;transform:translateY(-3px)}.hero-image-container{flex:1;justify-content:center;align-items:center;animation:6s ease-in-out infinite float;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:30px;padding:20px;transition:transform .5s;transform:perspective(1000px)rotateY(-10deg)rotateX(10deg);box-shadow:0 20px 50px #00000080}.glass-card:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.hero-image{border-radius:20px;width:100%;max-width:350px;box-shadow:0 0 30px #66fcf133}.features{background:#0f1115;padding:100px 5%}.section-title{text-align:center;color:#fff;margin-bottom:50px;font-size:2.5rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{background:var(--card-bg);text-align:center;border:1px solid #ffffff0d;border-radius:20px;padding:40px 30px;transition:all .3s}.feature-card:hover{border-color:var(--card-border);transform:translateY(-10px);box-shadow:0 10px 30px #66fcf11a}.feature-icon{margin-bottom:20px;font-size:3rem}.feature-card h3{color:#fff;margin-bottom:15px;font-size:1.5rem}.footer{background:#0b0c10;border-top:1px solid #ffffff0d;padding:50px 5% 20px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.footer-brand{align-items:center;gap:15px;display:flex}.footer-logo{border-radius:12px;width:50px;height:50px}.footer-brand p{color:#fff;font-size:1.2rem;font-weight:700}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--text-color);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;opacity:.7;border-top:1px solid #ffffff0d;padding-top:20px;font-size:.9rem}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (width<=768px){.hero{text-align:center;flex-direction:column;padding-top:120px}.hero-content{animation:1s forwards slideInLeft}.hero-buttons{justify-content:center;margin-bottom:50px}.hero-title{font-size:3rem}.nav-links{display:none}}