@font-face{font-family:MahakNum;src:url(fonts/MAHAKNUM.TTF);unicode-range:U+0030-0039,U+06F0-06F9}
@font-face{font-family:BTitr;src:url(fonts/BTITRBD.TTF);font-weight:700}
@font-face{font-family:DoranFa;src:url(fonts/DORANFANUM-LIGHT.TTF);font-weight:300}
@font-face{font-family:DoranFa;src:url(fonts/DORANFANUM-REGULAR.TTF);font-weight:400}
@font-face{font-family:DoranFa;src:url(fonts/DORANFANUM-MEDIUM.TTF);font-weight:500}
@font-face{font-family:DoranFa;src:url(fonts/DORANFANUM-BOLD.TTF);font-weight:700}
@font-face{font-family:DoranFa;src:url(fonts/DORANFANUM-EXTRABOLD.TTF);font-weight:800}
:root{--red:#e8344a;--ink:#1b1f4b;--mute:#7a7e8a;--line:#e6e4df;--bg:#f8f7f4;--r:clamp(14px,2vw,22px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 clamp(14px,1.5vw,16px)/1.9 MahakNum,DoranFa,sans-serif;overflow-x:hidden}
h1,h2,h3,.logo,.card b{font-family:MahakNum,BTitr,DoranFa,sans-serif;font-weight:700}
.btn,.nav a,.back{font-family:MahakNum,DoranFa,sans-serif;font-weight:700}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.bgfx{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.bgfx i{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(90px);opacity:.28;animation:drift 26s ease-in-out infinite alternate}
.bgfx i:first-child{background:#19bfd3;top:-12vmax;right:-10vmax}.bgfx i:last-child{background:#e8344a;bottom:-18vmax;left:-12vmax;animation-delay:-13s;opacity:.18}
@keyframes drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}
.home{max-width:1320px;margin:0 auto}
.hero{position:relative;overflow:hidden;border-radius:0 0 var(--r) var(--r);background:#ece9e4;box-shadow:0 18px 50px -18px #1b1f4b55}
.hero img{width:100%;transform-origin:30% 45%;animation:heroIn 1.8s cubic-bezier(.2,.7,.2,1) both,kb 24s 1.8s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,#ffffff66 50%,transparent 58%);transform:translateX(120%);animation:sweep 9s 2.4s infinite;pointer-events:none}
@keyframes heroIn{from{opacity:0;transform:scale(1.14)}}@keyframes kb{to{transform:scale(1.07)}}
@keyframes sweep{0%{transform:translateX(120%)}22%,100%{transform:translateX(-120%)}}
.lead{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(26px,5vw,56px) 16px clamp(14px,3vw,30px)}
.tag{margin:0;font:800 clamp(20px,3.4vw,36px)/1.7 MahakNum,DoranFa,sans-serif;color:var(--ink);text-wrap:balance}
.tag span{display:inline-block;animation:word .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.9s + var(--w)*.16s)}
@keyframes word{from{opacity:0;filter:blur(10px);transform:translateY(18px)}}
.orn{display:flex;align-items:center;gap:12px;margin-top:14px;width:min(360px,70%)}
.orn i{flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--ink));transform:scaleX(0);animation:draw 1.2s 1.9s cubic-bezier(.2,.8,.2,1) forwards}
.orn i:last-child{background:linear-gradient(270deg,transparent,var(--ink))}
.orn i:first-child{transform-origin:right}.orn i:last-child{transform-origin:left}
.orn b{width:10px;height:10px;background:var(--red);transform:rotate(45deg) scale(0);animation:pop .6s 1.7s cubic-bezier(.3,1.8,.5,1) forwards,pulse 3s 2.5s ease-in-out infinite}
@keyframes draw{to{transform:scaleX(1)}}@keyframes pop{to{transform:rotate(45deg) scale(1)}}@keyframes pulse{50%{box-shadow:0 0 0 8px #e8344a22}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,24px);padding:clamp(10px,2vw,20px) clamp(12px,2vw,24px) 20px;perspective:1000px}
.card{--c:var(--red);--rx:0deg;--ry:0deg;--mx:50%;--my:0%;position:relative;overflow:hidden;background:#fffffff2;border-radius:var(--r);padding:clamp(22px,3vw,36px) 26px;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out,box-shadow .3s;animation:rise .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.16s + 2.1s);box-shadow:0 2px 0 #fff inset,0 10px 30px -16px #1b1f4b44}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx) var(--my),color-mix(in srgb,var(--c) 16%,transparent),transparent 70%);opacity:0;transition:opacity .3s}
.card::after{content:"";position:absolute;right:0;left:0;bottom:0;height:4px;background:var(--c);transform:scaleX(.18);transform-origin:right;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.card:hover{box-shadow:0 24px 50px -20px color-mix(in srgb,var(--c) 55%,transparent)}.card:hover::before{opacity:1}.card:hover::after{transform:scaleX(1)}
.card b{font-size:clamp(20px,2.2vw,25px);position:relative}.card .d{color:var(--mute);position:relative}
.ib{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;margin-bottom:10px;position:relative;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#1b1f4b));box-shadow:0 10px 22px -8px var(--c);animation:float 5s ease-in-out infinite;animation-delay:calc(var(--i)*-1.4s)}
.ico{width:30px;height:30px}
@keyframes float{50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes rise{from{opacity:0;transform:translateY(34px) scale(.96)}}
.c2{--c:#10a8bd}.c3{--c:#5b5fc7}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar{max-width:1200px;margin:auto;display:flex;gap:16px;align-items:center;padding:12px clamp(10px,2vw,20px)}
.logo{font-size:clamp(20px,3vw,28px);color:var(--red);white-space:nowrap}
.search{flex:1}.search input{width:100%;margin:0;background:var(--bg);border:0;border-radius:12px;padding:12px 16px}
.nav{max-width:1200px;margin:auto;display:flex;gap:26px;padding:0 clamp(10px,2vw,20px) 8px}
.nav a{color:#3f4064;padding:4px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav a:hover{border-color:var(--red);color:var(--red)}
.wrap{max-width:1200px;margin:0 auto;padding:clamp(10px,2vw,20px)}
.back{display:inline-block;margin:16px clamp(12px,2vw,24px) 0;color:var(--mute)}.back:hover{color:var(--red)}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:12px;padding:10px 24px;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #e8344a44}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin:24px auto;max-width:520px;padding:clamp(18px,3vw,30px);animation:rise .6s both}.box.wide{max-width:900px}
label{display:block;margin:12px 0 4px;color:var(--mute)}
input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;margin-bottom:6px;direction:ltr;text-align:right}input:focus{outline:2px solid #e8344a66}
table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:right}
.err{color:var(--red)}.ok{color:#00a049}.foot{text-align:center;color:var(--mute);padding:28px 12px 36px}
@media(max-width:720px){.cards{grid-template-columns:1fr}.bar{flex-wrap:wrap;gap:10px}.search{order:3;flex-basis:100%}.bar .btn{padding:8px 14px}
 .nav{gap:0;justify-content:space-around}table{display:block;overflow-x:auto}.hero{border-radius:0 0 18px 18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.orn i{transform:none}.orn b{transform:rotate(45deg)}}