body{margin:0;font-family:'Yu Gothic','Meiryo',sans-serif;background:#fafafa;color:#333;line-height:1.8}
header{position:fixed;top:0;width:100%;background:#0f2747;color:#fff;padding:15px 0}
.wrap{max-width:1100px;margin:auto;padding:0 20px}
nav{display:flex;justify-content:space-between;align-items:center}
nav ul{display:flex;gap:20px;list-style:none}
nav a{color:#fff;text-decoration:none}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff}
.hero h1{font-size:52px;color:#0f2747}
section{padding:90px 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border:1px solid #ddd;padding:20px;border-radius:8px}
table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #ddd;padding:10px;text-align:left}
footer{background:#0f2747;color:#fff;text-align:center;padding:25px}
@media(max-width:768px){nav{flex-direction:column}.hero h1{font-size:36px}}
.contact-form{
    max-width:700px;
    margin:0 auto;
}

.form-group{
    margin-bottom:24px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#0F2747;
}

.form-group input,
.form-group textarea{

    width:100%;
    padding:14px 16px;

    font-size:16px;

    border:1px solid #CCC;
    border-radius:6px;

    box-sizing:border-box;

    transition:.25s;
}

.form-group textarea{
    min-height:180px;
    resize:vertical;
}

.form-group input:focus,
.form-group textarea:focus{

    border-color:#B89B5E;

    outline:none;

    box-shadow:0 0 8px rgba(184,155,94,.25);

}

.form-check{

    display:flex;
    align-items:center;

    gap:10px;

    margin:30px 0;

}

.form-check input{

    width:20px;
    height:20px;

}

.btn-contact{

    width:100%;

    background:#0F2747;

    color:#FFF;

    padding:18px;

    border:none;

    border-radius:6px;

    font-size:18px;

    cursor:pointer;

    transition:.3s;

}

.btn-contact:hover{

    background:#B89B5E;

}