*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui, sans-serif;}
body{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);background-attachment:fixed;color:#27272a;line-height:1.8;}
header{background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);border-bottom:1px solid #bbf7d0;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;background:linear-gradient(90deg,#047857,#10b981);-webkit-background-clip:text;color:transparent;letter-spacing:0.5px;}
.nav-links a{margin-left:2rem;color:#44403c;text-decoration:none;font-size:15px;transition:0.25s;}
.nav-links a.active{color:#059669;border-bottom:2px solid #059669;padding-bottom:4px;font-weight:500;}
.nav-links a:hover{color:#10b981;transform:translateY(-2px);}
.hero{width:100%;min-height:520px;background:linear-gradient(160deg,#065f46,#34d399);display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative;}
.hero-content{position:relative;z-index:2;color:#fff;max-width:880px;}
.hero h1{font-size:40px;margin-bottom:1rem;}
.hero p{font-size:18px;opacity:0.95;margin-bottom:2rem;}
.btn{background:#fff;color:#059669;border:none;padding:0.9rem 2rem;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:0.3s;}
.btn:hover{background:#ecfdf5;transform:translateY(-3px);box-shadow:0 5px 16px rgba(0,0,0,0.1);}
section{padding:4.5rem 0;}
.section-wrap{background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);border-radius:22px;padding:3rem;margin:2rem 0;border:1px solid #bbf7d0;}
h2{font-size:28px;text-align:center;margin-bottom:3rem;color:#1f2937;position:relative;}
h2::after{content:"";width:55px;height:3px;background:linear-gradient(90deg,#059669,#34d399);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:16px;box-shadow:0 3px 16px rgba(5,150,105,0.07);transition:0.3s;border:1px solid #dcfce7;}
.card:hover{transform:translateY(-6px);box-shadow:0 7px 26px rgba(5,150,105,0.13);}
.card h3{color:#059669;margin-bottom:1rem;font-size:20px;}
.text-center{max-width:940px;margin:0 auto;text-align:center;color:#44403c;font-size:16px;line-height:2;}
footer{background:#065f46;color:#dcfce7;padding:3rem 5%;text-align:center;margin-top:3rem;}
.form-box{max-width:620px;margin:0 auto;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 4px 20px rgba(5,150,105,0.08);border:1px solid #bbf7d0;}
.form-item{margin-bottom:1.4rem;}
.form-item label{display:block;margin-bottom:0.5rem;font-weight:500;color:#1f2937;}
.form-item input,.form-item textarea{width:100%;padding:0.9rem;border:1px solid #bbf7d0;border-radius:10px;outline:none;background:#ecfdf5;}
.form-item input:focus,.form-item textarea:focus{border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,0.1);}