:root{--bg-dark:#0a0a0e;--bg-darker:#050508;--primary:#c39a58;--primary-glow:#c39a5866;--text-main:#fff;--text-muted:#9ca3af;--glass-bg:#ffffff08;--glass-border:#ffffff14;--green:#10b981}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);max-width:100vw;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(90deg,#ffecd2,#fcb69f);background:linear-gradient(135deg,#fff 0%,var(--primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:#0a0a0ecc;width:100%;padding:20px 0;position:fixed;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.logo-primary{color:var(--primary)}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,var(--primary-glow)0%,transparent 60%);z-index:-1;filter:blur(60px);border-radius:50%;width:600px;height:600px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (max-width:992px){.hero-content{text-align:center;grid-template-columns:1fr;gap:40px}}.hero-text h1{margin-bottom:24px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1}.hero-text p{color:var(--text-muted);max-width:500px;margin-bottom:40px;font-size:1.125rem}@media (max-width:992px){.hero-text p{margin:0 auto 40px}}.hero-actions{gap:16px;display:flex}@media (max-width:992px){.hero-actions{justify-content:center}}.btn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--text-main);color:var(--bg-dark)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #fff3}.btn-outline{color:var(--text-main);border:1px solid var(--glass-border);background:0 0}.btn-outline:hover{background:var(--glass-bg);transform:translateY(-2px)}.hero-image-wrapper{perspective:1000px;justify-content:center;display:flex;position:relative}.phone-mockup{width:300px;height:620px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px var(--glass-border);background:#111;border:8px solid #222;border-radius:40px;animation:6s ease-in-out infinite float;position:relative;overflow:hidden;transform:rotateY(-10deg)rotateX(10deg)}.phone-mockup img{object-fit:cover;width:100%;height:100%}.phone-notch{z-index:10;background:#222;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:120px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes float{0%{transform:rotateY(-10deg)rotateX(10deg)translateY(0)}50%{transform:rotateY(-5deg)rotateX(5deg)translateY(-20px)}to{transform:rotateY(-10deg)rotateX(10deg)translateY(0)}}.features-section{background:var(--bg-darker);padding:100px 0}.section-title{text-align:center;margin-bottom:60px;font-size:2.5rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{text-align:center;padding:40px 30px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{width:64px;height:64px;color:var(--primary);background:#c39a581a;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.feature-card h3{margin-bottom:16px;font-size:1.5rem}.feature-card p{color:var(--text-muted)}footer{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-muted);padding:40px 0}.fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp;transform:translateY(20px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}