*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background:#fff;line-height:1.55}
.container{width:min(920px,calc(100% - 40px));margin:0 auto}
.hero{text-align:center;padding:15px 0 15px;background:linear-gradient(135deg,#ffdefd 0%,#fffde8 55%,#b0ffd8 100%)}
.badge{display:inline-block;padding:8px 14px;border-radius:999px;background:#171717;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:22px}
h1{margin:0;font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:-.035em}
h2{font-size:clamp(25px,4vw,38px);line-height:1.15;margin:0 0 12px;letter-spacing:-.025em}
h3{font-size:18px;line-height:1.35;margin:0 0 5px}
.notice{text-align: center; padding:32px 0 12px;}
.notice-card{padding:1px 10px;color:#d00000;}
.notice-card h2{margin-bottom:12px;font-size:clamp(25px,4vw,38px)}
.notice-card p{margin:0;font-weight:800;font-size:clamp(16px,2.5vw,20px)}
.notice-card .note{margin-top:2px;opacity:.75}
.steps{padding:44px 0 1px}
.step{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:16px 0;border-top:1px solid #ddd}
.num{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#007A0A;color:#fff;font-weight:800;font-size:20px}
.step p{margin:0;color:#555;font-size:17px}
.info{margin:26px 0 100px;padding:26px;border-left:4px solid #007a0a;background:#e3ffeb;border-radius:0 16px 16px 0}
.info p{margin:0 0 12px}.info p:last-child{margin-bottom:0}
.video-section{padding:40px 0 40px;background:#ffffff}
.video-card{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.15)}
.video-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.info-section{padding:0px 0 50px;background:#e3e3e3}
.download{display:inline-flex;margin-top:24px;padding:12px 22px;border-radius:12px;background:#9a9a9a;color:#fff;text-decoration:none;font-weight:700;transition:transform .15s,opacity .15s}
.download1{color:#707070;}
.ot1{text-align:center; padding:54px 0 1px;color:#b4b4b4;}
.inff{font-weight:800; font-size:20px; padding-top:25px;}
.inff0{text-align:center; font-weight:700; font-size:18px; padding:15px 0 1px; color:#ed0000;}
.pred-part{padding-top:15px;}
.tarif{padding-top:; padding-left:15px;}
.gray{color:#b4b4b4;}
.green{color:#006b09;}
.download:hover{transform:translateY(-1px);opacity:.88}
footer{padding:32px 0;color:#777;font-size:14px}
@media(max-width:600px){
 .container{width:min(100% - 28px,920px)}
 .hero{padding:48px 0 4px}
 .notice-card{padding:28px 24px;border-radius:18px}
 .steps{padding:48px 0 1px }
 .step{grid-template-columns:46px 1fr;gap:14px}
 .num{width:40px;height:40px;font-size:16px}
 h3{font-size:18px}
 .step p{font-size:16px}
 .info{padding:20px}
 .video-section{padding:50px 0}
 .video-card{border-radius:15px}
 .download{width:100%;justify-content:center;text-align:center} 
}