:root{--bg:#0b1118;--pn:#121a25;--ln:#243247;--tx:#e6edf5;--dim:#8a9bb0;--gd:#d9b45a;--ac:#4cc9f0;--rd:#ff4d5e;--gr:#3ddc97}
*{box-sizing:border-box;margin:0}
body{background:radial-gradient(ellipse at 50% -10%,#16263a,var(--bg) 60%) fixed;color:var(--tx);font:16px/1.6 system-ui,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--ac)}h1,h2,h3{font-family:Georgia,serif;font-weight:700;line-height:1.2}
.top{display:flex;align-items:center;gap:16px;padding:12px 22px;background:#0a1017ee;border-bottom:1px solid var(--ln);flex-wrap:wrap;position:sticky;top:0;z-index:5}
.brand{font:700 18px Georgia,serif;color:var(--gd);text-decoration:none;margin-right:auto;letter-spacing:.04em}
.top nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.top nav a{color:var(--tx);text-decoration:none;padding:6px 12px;border-radius:8px;font-size:14px}.top nav a:hover{background:#ffffff14}
.top nav a.lang{border:1px solid var(--ln);font-weight:700}
.wrap{width:min(1040px,100%);margin:0 auto;padding:28px 20px 60px;flex:1}
.foot{text-align:center;padding:18px;color:var(--dim);font-size:13px;border-top:1px solid var(--ln)}
.hero{text-align:center;padding:30px 0 14px}.hero h1{font-size:clamp(30px,6vw,52px);color:var(--gd);margin-bottom:12px}.hero p{color:#b8c7d8;max-width:680px;margin:0 auto 20px;font-size:18px}
.btn{display:inline-block;background:linear-gradient(#e6c36e,#b8923c);color:#1a1205;border:0;border-radius:9px;padding:10px 20px;font:600 15px system-ui;cursor:pointer;text-decoration:none;transition:.15s}
.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.g{background:#1b2636;color:var(--tx);border:1px solid var(--ln)}.btn.s{padding:6px 12px;font-size:13px}.btn.r{background:#7a1f2a;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:16px 0}
.card{background:var(--pn);border:1px solid var(--ln);border-radius:14px;padding:20px;position:relative;overflow:hidden}
.card.ac{border-top:4px solid var(--c,var(--gd))}.card h3{font-size:20px;margin-bottom:6px}.card p{color:#b8c7d8;margin-bottom:10px}
.price{font:700 28px Georgia,serif;color:var(--gd)}.price small{font:14px system-ui;color:var(--dim)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:10px 0 24px}.steps .card b{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--gd);color:#1a1205;align-items:center;justify-content:center;margin-bottom:8px}
h2.sec{margin:26px 0 8px;font-size:26px;color:var(--gd)}
form.box{background:var(--pn);border:1px solid var(--ln);border-radius:14px;padding:24px;max-width:460px;margin:20px auto}
form.box h2{margin-bottom:12px;color:var(--gd)}label{display:block;margin:12px 0 4px;color:var(--dim);font-size:14px}
input[type=text],input[type=password],input[type=number],input[type=file],textarea,select{width:100%;background:#0b121b;border:1px solid var(--ln);border-radius:8px;padding:10px 12px;color:var(--tx);font:inherit;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--ac)}.msg{padding:10px 14px;border-radius:8px;margin:12px 0;font-size:14px}.msg.ok{background:#12372b;border:1px solid var(--gr)}.msg.err{background:#3a141b;border:1px solid var(--rd)}.msg.info{background:#112437;border:1px solid var(--ac)}
.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:#1b2636;border:1px solid var(--ln);margin:2px 4px 2px 0}.badge.ok{background:#12372b;border-color:var(--gr)}.badge.no{background:#3a141b;border-color:var(--rd)}
table{width:100%;border-collapse:collapse;background:var(--pn);border-radius:12px;overflow:hidden;font-size:14px}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid #1a2433}th{background:#18212e;color:var(--dim);font-weight:600}tr.me td{background:#2a2412;color:var(--gd);font-weight:700}tr:hover td{background:#16202e}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tabs a{padding:8px 16px;border-radius:999px;border:1px solid var(--ln);text-decoration:none;color:var(--tx)}.tabs a.on{background:var(--gd);color:#1a1205;border-color:var(--gd);font-weight:700}
.scroll{overflow-x:auto}.dim{color:var(--dim)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.chk{display:inline-flex;gap:6px;align-items:center;margin:4px 12px 4px 0;color:var(--tx)}.chk input{width:auto}
.medal{font-size:20px}