@charset "UTF-8";
:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #191919; background: #f2f2f0; }
* { box-sizing: border-box; }
html { height: 100% !important; min-height: 100%; display: block !important; }
body { position: relative; isolation: isolate; display: flex !important; align-items: center !important; justify-content: center !important; width: 100%; min-height: 100vh; min-height: 100svh; height: auto !important; margin: 0 !important; padding: 24px; color: #191919; line-height: 1.5; background: radial-gradient(ellipse at 18% 12%, #fff 0, transparent 54%), radial-gradient(ellipse at 90% 85%, #e3e3e0 0, transparent 55%), #f2f2f0; }
main { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); grid-template-rows: 1fr 6px 1fr; column-gap: clamp(28px, 4.5vw, 68px); width: 100%; max-width: 1280px; height: min(740px, calc(100svh - 48px)); min-height: 0; padding: clamp(100px, 17svh, 164px) clamp(30px, 4.6vw, 70px) clamp(28px, 6svh, 62px); border: 1px solid #fff; border-radius: 36px; background: linear-gradient(130deg, #fff 40%, #fafafa 100%); box-shadow: 0 38px 80px -36px #22222236, 0 12px 32px -18px #22222224, inset 0 1px 0 #fff; }
main::before { content: ""; position: absolute; top: clamp(22px, 4svh, 40px); left: clamp(28px, 4vw, 58px); width: clamp(175px, 20vw, 235px); height: clamp(58px, 9svh, 88px); background: url('/.within.website/x/market-logo.png') left center / contain no-repeat; }
main > div.centered-div { display: contents; }
h1 { grid-column: 2; grid-row: 1; align-self: end; margin: 0 0 30px; max-width: 510px; text-align: left !important; font-size: clamp(32px, min(4.3vw, 7svh), 62px); font-weight: 700; line-height: 1.06; letter-spacing: -.05em; }
#image { grid-column: 1; grid-row: 1 / 4; align-self: center; justify-self: center; width: 100% !important; max-width: 480px !important; max-height: calc(100svh - 218px); height: auto !important; margin: 0; border-radius: 0; object-fit: contain; filter: drop-shadow(0 24px 14px #16161624); }
#status { display: none !important; }
#progress { grid-column: 2; grid-row: 2; align-self: start; width: 100% !important; max-width: 365px; height: 6px !important; margin: 0 !important; background: #e9e9e7; outline: none !important; border-radius: 6px !important; overflow: hidden; box-shadow: inset 0 1px 2px #00000009; }
.bar-inner { height: 100%; background: linear-gradient(90deg, #181818, #585858) !important; border-radius: 6px; transition: width .25s ease-in; }
main::after { content: "Да пребудет с вами сила натяжения"; grid-column: 2; grid-row: 3; align-self: start; margin-top: 28px; font-size: 14px; color: #767676; letter-spacing: .01em; text-align: left; }
details, footer { display: none !important; }
a { color: #191919; text-underline-offset: 3px; }
button { color: #fff; background: #191919; border: 0; border-radius: 12px; padding: 12px 22px; font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 2px solid #555; outline-offset: 4px; }
noscript, #anubis-script-error { grid-column: 2; color: #555; font-size: 15px; }
#testarea:empty { display: none; }
@media (max-width: 760px) and (min-height: 501px) {
 body { padding: 16px; }
 main { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 520px; height: min(760px, calc(100svh - 32px)); padding: clamp(82px, 12svh, 112px) 24px 24px; border-radius: 28px; }
 main::before { top: 20px; left: 24px; width: clamp(145px, 23svh, 185px); height: 58px; }
 #image { order: 1; width: min(100%, 34svh, 300px) !important; max-height: none; margin: 0 0 clamp(18px, 3svh, 30px); filter: drop-shadow(0 16px 10px #16161620); }
 h1 { order: 2; align-self: center; text-align: center !important; margin: 0 0 24px; font-size: clamp(27px, 4.5svh, 42px); max-width: 390px; line-height: 1.08; }
 #progress { order: 3; flex-shrink: 0; align-self: center; width: 85% !important; }
 main::after { order: 4; align-self: center; text-align: center; font-size: 12px; margin-top: 22px; }
 noscript, #anubis-script-error { order: 3; text-align: center; }
}
@media (max-height: 500px) {
 body { padding: 12px; }
 main { height: calc(100svh - 24px); padding: 78px 28px 24px; border-radius: 24px; gap: 24px; }
 main::before { top: 14px; left: 28px; width: 145px; height: 50px; }
 h1 { font-size: clamp(22px, 5svh, 30px); margin-bottom: 18px; }
 #image { max-height: calc(100svh - 136px); }
 main::after { margin-top: 16px; font-size: 11px; }
}