*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#003b8e;color:#fff;min-height:100vh}.container{width:min(1200px,calc(100% - 48px));margin:auto}.header{height:76px;background:#003b8e;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{color:#fff;text-decoration:none;font-size:21px;font-weight:800;display:flex;align-items:center;gap:9px}.logo-mark{font-size:27px}.nav{display:flex;gap:30px}.nav a{color:rgba(255,255,255,.78);text-decoration:none;font-size:15px;font-weight:600;transition:.25s}.nav a:hover,.nav a.active{color:#fff}.menu-button{display:none;background:none;border:0;color:#fff;font-size:25px;cursor:pointer}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;padding:70px 0 90px;background:radial-gradient(circle at 80% 40%,rgba(135,206,235,.18),transparent 30%),#003b8e}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.eyebrow{display:inline-block;color:#75e4c0;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;margin-bottom:17px}.hero h1{font-size:clamp(45px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin:0 0 25px}.hero h1 span{color:#87ceeb}.hero p{font-size:19px;line-height:1.65;color:rgba(255,255,255,.75);max-width:590px;margin:0 0 32px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cta-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;border-radius:12px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-size:15px;transition:transform .18s ease,background .25s ease,box-shadow .25s ease}.cta-button{background:#00b67a;color:#fff;box-shadow:0 10px 25px rgba(0,182,122,.25)}.cta-button:hover{background:#009a67;transform:translateY(-2px)}.cta-button:active,.secondary-button:active{transform:scale(.95)}.secondary-button{color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.secondary-button:hover{background:rgba(255,255,255,.12)}.trust-row{display:flex;gap:32px;margin-top:48px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:20px}.trust-row small{color:rgba(255,255,255,.55);margin-top:3px}.hero-visual{position:relative}.cloud-card{position:relative;border-radius:28px;overflow:visible;box-shadow:0 30px 70px rgba(0,0,0,.28)}.cloud-card img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:28px;filter:saturate(.8) brightness(.78);border:1px solid rgba(255,255,255,.18)}.glow{position:absolute;width:300px;height:300px;background:#87ceeb;filter:blur(100px);opacity:.2;right:0;top:15%;z-index:0}.floating-card{position:absolute;background:rgba(0,45,110,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);padding:14px 17px;border-radius:14px;display:flex;gap:11px;align-items:center;box-shadow:0 15px 30px rgba(0,0,0,.25)}.floating-card small,.floating-card b{display:block}.floating-card b{font-size:13px}.floating-card small{font-size:11px;color:#a8c2df;margin-top:3px}.floating-top{top:24px;left:-30px}.floating-bottom{bottom:25px;right:-28px}.status-dot{width:10px;height:10px;background:#00b67a;border-radius:50%;box-shadow:0 0 12px #00b67a}.folder-icon{font-size:25px}.features{padding:90px 0;background:#f5f9ff;color:#063b80}.section-heading{text-align:center;margin-bottom:42px}.section-heading h2{font-size:38px;margin:0;color:#063b80}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:#fff;border:1px solid #e4edf7;border-radius:20px;padding:28px;box-shadow:0 12px 30px rgba(0,59,142,.07);transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,59,142,.12)}.feature-icon{font-size:28px;margin-bottom:18px}.feature-card h3{font-size:20px;margin:0 0 10px}.feature-card p{color:#63758d;line-height:1.6;margin:0}.footer{padding:24px 0;background:#002b6e;color:rgba(255,255,255,.65);font-size:13px}.footer .container{display:flex;justify-content:space-between;gap:20px}.footer a{color:#fff;text-decoration:none}.page-main{min-height:calc(100vh - 76px);background:#f5f9ff;color:#063b80;padding:70px 0}.auth-section{display:flex;justify-content:center}.auth-card{width:min(500px,100%);background:#fff;border-radius:24px;padding:42px;box-shadow:0 20px 60px rgba(0,59,142,.12);text-align:center}.auth-icon{width:60px;height:60px;border-radius:18px;background:#003b8e;color:#fff;display:grid;place-items:center;font-size:28px;margin:0 auto 22px}.auth-card h1{font-size:34px;margin:0 0 10px}.auth-description{color:#718096;line-height:1.6;margin:0 0 28px}.auth-card form{text-align:left}.auth-card label{display:block;font-size:13px;font-weight:700;margin-bottom:17px}.auth-card input{width:100%;margin-top:7px;padding:14px;border:1px solid #dce5ef;border-radius:10px;font-size:15px;outline:none;transition:border .2s,box-shadow .2s}.auth-card input:focus{border-color:#00b67a;box-shadow:0 0 0 3px rgba(0,182,122,.12)}.full{width:100%;margin-top:5px}.form-message{min-height:20px;color:#009a67;font-weight:700;font-size:14px}.about-hero{padding:20px 0 80px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-grid h1{font-size:clamp(40px,5vw,62px);line-height:1.08;margin:0 0 22px;color:#063b80}.about-grid p{font-size:18px;line-height:1.7;color:#63758d;margin:0 0 30px}.about-image{width:100%;border-radius:24px;box-shadow:0 20px 50px rgba(0,59,142,.15)}.values{padding:70px 0;background:#eef5fc}.reveal{animation:fadeUp .7s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.hero-grid,.about-grid{grid-template-columns:1fr}.hero-content{text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{max-width:650px;margin:10px auto 0}.feature-grid{grid-template-columns:1fr}.about-grid{gap:35px}}@media(max-width:700px){.container{width:min(100% - 32px,1200px)}.header{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#003b8e;padding:20px 24px;flex-direction:column;gap:18px;border-top:1px solid rgba(255,255,255,.1);z-index:10}.nav.open{display:flex}.menu-button{display:block}.hero{padding:55px 0 70px}.hero h1{font-size:45px;letter-spacing:-2px}.hero p{font-size:16px}.floating-top{left:10px}.floating-bottom{right:10px}.trust-row{gap:18px}.trust-row strong{font-size:17px}.auth-card{padding:30px 22px}.footer .container{flex-direction:column;text-align:center}.section-heading h2{font-size:30px}}