:root{--ink:#352544;--mid:#5b3f73;--lavender:#c9b6e0;--paper:#fbf8fc;--text:#3e3349}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 12% 20%,#eee5f5,transparent 40%),var(--paper);color:var(--text);font-family:Tahoma,Arial,sans-serif}.entry-header{max-width:1240px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.entry-header a{text-decoration:none;color:var(--ink)}.entry-brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.06em}.entry-brand img{object-fit:contain}.entry-brand small{font-size:11px;letter-spacing:.12em}.entry-back{font-size:14px;font-weight:700}main{max-width:1240px;margin:auto;padding:clamp(12px,3vw,32px)}.entry-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:min(690px,calc(100dvh - 130px));border:1px solid #e5daeb;border-radius:28px;overflow:hidden;background:white;box-shadow:0 24px 70px #36244312}.entry-visual{position:relative;isolation:isolate;min-height:530px;overflow:hidden;background:radial-gradient(circle at 52% 44%,#7a5a96 0%,#4a315f 38%,#2a1b38 78%);display:grid;place-items:center}.entry-visual::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 30%,#1a10225c);pointer-events:none}.entry-orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #d7c4e066;border-radius:50%;transform:rotate(-23deg) scaleX(1.2);animation:commission-orbit 14s ease-in-out infinite alternate}.entry-orbit.two{width:51%;border-color:#e1c8ee77;animation-duration:10s;animation-direction:alternate-reverse}.entry-emblem{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center;color:#fff;animation:commission-float 6s ease-in-out infinite}.entry-emblem span{font-size:clamp(30px,4vw,54px);letter-spacing:.14em;font-weight:700;text-shadow:0 14px 30px #130b2180}.entry-emblem i{height:1px;width:72px;background:#dfc4ed}.entry-emblem small{font-size:12px;letter-spacing:.24em;color:#e3d7eb}.entry-spark{position:absolute;width:9px;height:9px;border-radius:50%;background:#f5e4fb;box-shadow:0 0 28px #f1dfff;animation:commission-spark 4s ease-in-out infinite alternate}.spark-one{top:22%;right:22%}.spark-two{bottom:24%;left:27%;animation-delay:1s}.spark-three{top:61%;left:13%;animation-delay:2s}.entry-panel{align-self:center;padding:clamp(28px,5vw,65px);animation:commission-arrive .6s both}.entry-kicker{color:#77538f;font-size:13px;font-weight:800}.entry-panel h1{color:var(--ink);font-size:clamp(27px,3.7vw,44px);line-height:1.45;margin:15px 0 10px}.entry-panel>p{line-height:1.8;color:#685d70;margin:0 0 28px}.entry-panel form{display:grid;gap:17px}.entry-panel label{font-size:15px;font-weight:700;display:grid;gap:8px}.entry-panel label[hidden],#gate[hidden],#calculator[hidden],#frame[hidden]{display:none}.entry-panel input,.entry-panel button{font:inherit;min-height:52px;border-radius:14px;padding:12px 16px;width:100%}.entry-panel input{border:1px solid #b9a9c5;background:#fff;color:var(--ink);text-align:left}.entry-panel button{margin-top:5px;border:0;background:var(--ink);color:white;font-weight:800;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .2s,box-shadow .2s}.entry-panel button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #35254430}.entry-panel button:active{transform:scale(.98)}.entry-panel button:disabled{opacity:.6}.entry-note{color:#706379;line-height:1.7;display:block;margin-top:18px}#message{min-height:1.5em;color:#873954;margin:18px 0 0;line-height:1.5}.calculator-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 4px 22px}.calculator-heading span{font-size:12px;color:#77538f}.calculator-heading h1{font-size:clamp(22px,3vw,34px);margin:4px 0}.calculator-heading a{color:var(--ink);font-weight:700}.calculator-view iframe{display:block;width:100%;height:calc(100dvh - 160px);min-height:650px;border:1px solid #d9d0e2;border-radius:20px;background:#101624}.entry-header a:focus-visible,.entry-panel input:focus-visible,.entry-panel button:focus-visible,.calculator-heading a:focus-visible{outline:3px solid #986bbb;outline-offset:4px}@keyframes commission-orbit{to{transform:rotate(13deg) scaleX(1.18)}}@keyframes commission-float{50%{transform:translateY(-10px)}}@keyframes commission-spark{to{opacity:.3;transform:translateY(-14px)}}@keyframes commission-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:760px){.entry-header{padding:12px 16px}.entry-back{font-size:12px}main{padding:10px 12px 24px}.entry-layout{grid-template-columns:1fr;min-height:0;border-radius:22px}.entry-visual{min-height:180px}.entry-orbit{width:220px}.entry-orbit.two{width:145px}.entry-emblem{gap:6px}.entry-emblem span{font-size:28px}.entry-emblem small{font-size:9px}.entry-panel{padding:24px;animation:commission-arrive .5s both}.entry-panel h1{font-size:27px}.entry-panel>p{margin-bottom:20px}.calculator-heading{padding:10px 3px 16px}.calculator-heading a{font-size:13px}.calculator-view iframe{border-radius:14px;min-height:650px;height:calc(100dvh - 160px)}}@media(max-width:390px){.entry-brand span{font-size:13px}.entry-brand small{font-size:9px}.entry-panel{padding:20px}.entry-visual{min-height:150px}.entry-panel h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.entry-orbit,.entry-emblem,.entry-spark,.entry-panel{animation:none!important}.entry-panel button{transition:none}}
/* بطاقة العمولة: المشهد والحقل يبقيان واضحين دون قص على الجوال واللاب. */
.entry-layout,.entry-panel,.entry-header,.calculator-view{min-width:0}.entry-panel :is(h1,p,small,label){overflow-wrap:anywhere}
@media(max-width:760px){.entry-layout{width:100%}.entry-visual{min-height:clamp(150px,30vw,200px)}.entry-panel{padding:clamp(20px,5vw,30px)}.entry-panel input{font-size:16px}.entry-panel button{min-height:52px}.entry-header a{min-width:0}.entry-brand span{overflow-wrap:anywhere}.calculator-heading{flex-wrap:wrap}}
@media(max-width:390px){.entry-header{gap:8px}.entry-brand img{width:34px;height:34px}.entry-back{max-width:110px;text-align:left;line-height:1.4}.entry-panel{padding:18px}.entry-panel h1{font-size:24px}}