*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#111}
body{background:#fff}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 20px}
.card{width:min(760px,100%);text-align:center}.mark{width:78px;height:58px;margin:0 auto 28px;position:relative}
.mark span{position:absolute;display:block;border-radius:2px}.mark span:nth-child(1){background:#445cad;width:54px;height:18px;left:0;top:0}
.mark span:nth-child(2){background:#ffcc11;width:18px;height:18px;right:0;top:0;border-radius:50%}
.mark span:nth-child(3){background:#ffcc11;width:54px;height:18px;left:0;bottom:0}
h1{font-size:clamp(36px,7vw,66px);line-height:1.02;margin:0 0 28px;color:#445cad}
p{font-size:clamp(17px,2.4vw,21px);line-height:1.55;margin:16px auto;max-width:680px}
.button{display:inline-block;margin:20px 0;padding:16px 30px;background:#445cad;color:#fff;text-decoration:none;font-weight:700;font-size:19px;border-radius:999px;transition:.18s}
.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.15)}
.more{font-size:15px;margin-top:26px}.more a{color:#445cad;font-weight:700}
@media(max-width:600px){.page{padding:28px 18px}.card{padding:10px 0}}
.inside-logo {
    display: block !important;
    width: 110px !important;
    height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
    object-fit: contain;
    margin: 0 auto 25px !important;
}
