html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .hegja-lang-host{right:auto;left:10px}
html,body{margin:0;background:#111;font-family:Arial,sans-serif}
body{display:flex;justify-content:center}
.page{position:relative;width:min(100vw,1536px);aspect-ratio:1536/1024;background:#fff;overflow:hidden}
.design{display:block;width:100%;height:100%;object-fit:contain}
.hit{position:absolute;display:block;border:0;background:transparent;cursor:pointer;border-radius:8px}
.hit:hover,.hit:focus-visible{outline:3px solid rgba(214,151,0,.8);background:rgba(255,195,0,.08)}
.h-firme{left:20.2%;top:1.7%;width:5.6%;height:5.2%;color:#111;font:700 14px/1 Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}
.firme-menu{position:absolute;left:19.4%;top:7.2%;z-index:8;min-width:220px;background:#fff;border:2px solid #d39a16;border-radius:12px;padding:10px;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.firme-menu a{display:block;padding:11px 12px;border-radius:8px;color:#111;font:700 14px/1.3 Arial,Helvetica,sans-serif;text-decoration:none}
.firme-menu a:hover,.firme-menu a:focus-visible{background:rgba(255,195,0,.14);outline:none}
.h-home{left:26.2%;top:1.7%;width:5.4%;height:5.2%}
.h-domains{left:32.1%;top:1.7%;width:6.5%;height:5.2%}
.h-about{left:39.3%;top:1.7%;width:7.4%;height:5.2%}
.h-lessons{left:47.2%;top:1.7%;width:5.3%;height:5.2%}
.h-prices{left:52.9%;top:1.7%;width:12.0%;height:5.2%}
.h-contact{left:65.2%;top:1.7%;width:6.3%;height:5.2%}
.h-language{left:71.7%;top:1.7%;width:6.2%;height:5.2%}
.h-start-top{left:78.2%;top:1.7%;width:9.6%;height:5.2%}
.h-login-top{left:88.1%;top:1.7%;width:10.2%;height:5.2%}
.h-start-main{left:6.0%;top:34.5%;width:14.3%;height:5.5%}
.h-login-main{left:21.7%;top:34.5%;width:14.0%;height:5.5%}
.h-audio{left:4.8%;top:48.2%;width:17.2%;height:13.5%}
.h-qr{left:22.4%;top:48.2%;width:18.0%;height:13.5%}
.h-video{left:41.0%;top:48.2%;width:18.1%;height:13.5%}
.h-tests{left:59.7%;top:48.2%;width:17.0%;height:13.5%}
.h-cert{left:77.1%;top:48.2%;width:19.0%;height:13.5%}
.h-discount{left:3.1%;top:63.1%;width:29.1%;height:14.4%}
.h-referral{left:33.4%;top:63.1%;width:32.4%;height:14.4%}
.h-installments{left:66.5%;top:63.1%;width:30.5%;height:14.4%}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px;z-index:10}
.hidden{display:none}
.box{position:relative;width:min(520px,94vw);background:#fff;border:2px solid #d39a16;border-radius:16px;padding:30px}
.close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:34px;cursor:pointer}
h2{margin:0 0 18px;color:#b97800}
input,select{width:100%;padding:12px;margin:8px 0 14px;border:1px solid #bbb;border-radius:8px}
.gold{width:100%;padding:13px;border:0;border-radius:8px;background:linear-gradient(135deg,#e1a214,#b77400);color:#fff;font-weight:700;cursor:pointer}
p{line-height:1.55}