*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui, sans-serif;}
body{background:linear-gradient(140deg,#f4f7fb,#eef4fd);background-attachment:fixed;color:#2d3748;line-height:1.8;}
header{background:rgba(255,255,255,0.65);backdrop-filter:blur(10px);border-bottom:1px solid #cbd5e0;padding:1.6rem 5%;position:sticky;top:0;z-index:99;}
.container{max-width:1200px;margin:0 auto;padding:0 5%;}
nav{display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:26px;font-weight:700;color:#2b6cb0;letter-spacing:0.5px;}
.nav-links a{margin-left:2rem;color:#4a5568;text-decoration:none;font-size:15px;transition:0.25s;}
.nav-links a.active{color:#2b6cb0;border-bottom:2px solid #2b6cb0;padding-bottom:4px;font-weight:500;}
.nav-links a:hover{color:#2b6cb0;}
.banner{width:100%;min-height:520px;background:linear-gradient(160deg,#3182ce,#63b3ed);display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative;}
.banner::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.2);}
.banner-content{position:relative;z-index:2;color:#fff;max-width:880px;}
.banner h1{font-size:40px;margin-bottom:1rem;}
.banner p{font-size:18px;opacity:0.95;margin-bottom:2rem;}
.btn{background:#fff;color:#2b6cb0;border:none;padding:0.9rem 2rem;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:0.3s;}
.btn:hover{background:#ebf8ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
section{padding:4.5rem 0;}
.section-wrap{background:rgba(255,255,255,0.55);backdrop-filter:blur(6px);border-radius:20px;padding:3rem;margin:2rem 0;border:1px solid #e2e8f0;}
h2{font-size:28px;text-align:center;margin-bottom:3rem;color:#2d3748;position:relative;}
h2::after{content:"";width:55px;height:3px;background:#3182ce;display:block;margin:12px auto 0;border-radius:2px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2rem;}
.card{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 3px 16px rgba(49,130,206,0.07);transition:0.3s;border:1px solid #edf2f7;}
.card:hover{transform:translateY(-5px);box-shadow:0 6px 24px rgba(49,130,206,0.12);}
.card h3{color:#2b6cb0;margin-bottom:1rem;font-size:20px;}
.text-center{max-width:940px;margin:0 auto;text-align:center;color:#4a5568;font-size:16px;line-height:2;}
footer{background:#2d3748;color:#cbd5e0;padding:3rem 5%;text-align:center;margin-top:3rem;}
.form-box{max-width:620px;margin:0 auto;background:#fff;padding:3rem;border-radius:18px;box-shadow:0 4px 20px rgba(49,130,206,0.08);}
.form-item{margin-bottom:1.4rem;}
.form-item label{display:block;margin-bottom:0.5rem;font-weight:500;color:#2d3748;}
.form-item input,.form-item textarea{width:100%;padding:0.9rem;border:1px solid #cbd5e0;border-radius:10px;outline:none;background:#f7fafc;}
.form-item input:focus,.form-item textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,0.1);}