*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui, sans-serif;}
body{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:#1e293b;line-height:1.8;}
header{background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);border-bottom:1px solid #cbd5e1;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,#475569,#0f172a);-webkit-background-clip:text;color:transparent;letter-spacing:0.5px;}
.nav-links a{margin-left:2rem;color:#475569;text-decoration:none;font-size:15px;transition:0.25s;}
.nav-links a.active{color:#0f172a;border-bottom:2px solid #0f172a;padding-bottom:4px;font-weight:500;}
.nav-links a:hover{color:#334155;transform:translateY(-2px);}
.hero{width:100%;min-height:520px;background:linear-gradient(160deg,#1e293b,#64748b);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:#1e293b;border:none;padding:0.9rem 2rem;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:0.3s;}
.btn:hover{background:#f1f5f9;transform:translateY(-3px);box-shadow:0 5px 16px rgba(0,0,0,0.2);}
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 #cbd5e1;}
h2{font-size:28px;text-align:center;margin-bottom:3rem;color:#0f172a;position:relative;}
h2::after{content:"";width:55px;height:3px;background:linear-gradient(90deg,#334155,#64748b);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(30,41,59,0.07);transition:0.3s;border:1px solid #e2e8f0;}
.card:hover{transform:translateY(-6px);box-shadow:0 7px 26px rgba(30,41,59,0.13);}
.card h3{color:#334155;margin-bottom:1rem;font-size:20px;}
.text-center{max-width:940px;margin:0 auto;text-align:center;color:#475569;font-size:16px;line-height:2;}
footer{background:#0f172a;color:#cbd5e1;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(30,41,59,0.08);border:1px solid #cbd5e1;}
.form-item{margin-bottom:1.4rem;}
.form-item label{display:block;margin-bottom:0.5rem;font-weight:500;color:#0f172a;}
.form-item input,.form-item textarea{width:100%;padding:0.9rem;border:1px solid #cbd5e1;border-radius:10px;outline:none;background:#f1f5f9;}
.form-item input:focus,.form-item textarea:focus{border-color:#334155;box-shadow:0 0 0 3px rgba(30,41,59,0.1);}