@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--color-primary: #005B7F;--color-primary-dark: #003E54;--color-accent: #FF8C42;--color-accent-light: #ffac75;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 20px 25px -5px rgba(0, 91, 127, .1), 0 10px 10px -5px rgba(0, 91, 127, .04);--shadow-glow: 0 0 40px rgba(255, 140, 66, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}header{position:fixed;top:0;width:100%;padding:1.25rem 5%;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,91,127,.05);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease}.logo{font-size:1.5rem;font-weight:800;color:var(--color-primary-dark);display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),#0087bd);border-radius:10px;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 4px 12px #005b7f4d}.logo span{color:var(--color-accent)}nav ul{display:flex;gap:2rem;list-style:none}nav a{color:var(--color-text-muted);text-decoration:none;font-weight:600;transition:color .3s}nav a:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 60px #ff8c4299}.btn-outline{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm)}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:120px 5% 60px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,#ff8c4226,#ff8c4200 70%);z-index:0}.hero-content{flex:1;max-width:650px;position:relative;z-index:10;animation:fadeInLeft 1s ease-out both}.hero-visual{flex:1;display:flex;justify-content:center;position:relative;z-index:10;animation:fadeInRight 1s ease-out .3s both}.mockup-container{position:relative;width:320px;height:650px;background:var(--color-surface);border-radius:40px;box-shadow:0 40px 80px -20px #005b7f4d;border:8px solid #cbd5e1;display:flex;align-items:center;justify-content:center;overflow:hidden}.mockup-screen{width:100%;height:100%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;flex-direction:column;padding:40px 20px;color:#fff;align-items:center;text-align:center}.mockup-screen h4{font-size:1.5rem;margin-bottom:20px}.mockup-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:16px;margin-bottom:15px;width:100%}.floating-badge{position:absolute;padding:12px 24px;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:10px;animation:float 6s ease-in-out infinite}.float-1{top:20%;left:-60px}.float-2{bottom:25%;right:-50px;animation-delay:-3s}.hero h1{font-size:4.5rem;font-weight:900;line-height:1.05;color:var(--color-primary-dark);margin-bottom:1.5rem;letter-spacing:-1.5px}.hero p{font-size:1.3rem;color:var(--color-text-muted);margin-bottom:2.5rem;max-width:550px}.hero-actions{display:flex;gap:1rem}.features{padding:100px 5%;background:#fff;position:relative}.section-title{text-align:center;margin-bottom:80px}.section-title h2{font-size:3rem;font-weight:800;color:var(--color-primary-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-box{background:var(--color-bg);padding:40px;border-radius:24px;transition:all .4s ease;border:1px solid rgba(0,91,127,.05);position:relative;overflow:hidden}.feature-box:hover{background:#fff;transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:#005b7f1a}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:var(--color-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:24px}.feature-box h3{font-size:1.5rem;font-weight:800;margin-bottom:16px;color:var(--color-text)}.feature-box p{color:var(--color-text-muted);font-size:1.05rem}footer{background:var(--color-primary-dark);padding:60px 5% 40px;color:#fff}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.footer-logo{font-size:1.5rem;font-weight:800}.footer-logo span{color:var(--color-accent)}.footer-copy{color:#fff9}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.hidden-scroll{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.25,.8,.25,1)}.show-scroll{opacity:1;transform:translateY(0)}@media (max-width: 992px){.hero{flex-direction:column;text-align:center;padding-top:150px}.hero h1{font-size:3.5rem}.hero-content{margin-bottom:60px}.hero-actions{justify-content:center}.floating-badge{display:none}nav ul{display:none}}