@font-face{font-family:Cairo;src:url('cairo-bold.ttf') format('truetype');font-weight:900;font-display:swap}
*{box-sizing:border-box}
html{direction:rtl;background:#d90913;color:#fff}
body{margin:0;min-height:100svh;font-family:Cairo,Tahoma,Arial,sans-serif;background:radial-gradient(ellipse at 50% 45%,transparent 30%,#57000066 100%),repeating-linear-gradient(118deg,transparent 0 230px,#71000055 231px 233px,transparent 234px 460px),radial-gradient(ellipse at center,#ff3828b3 0 25%,transparent 42%) 0 0/10px 13px,radial-gradient(ellipse at center,#ff3828a6 0 25%,transparent 42%) 5px 6.5px/10px 13px,linear-gradient(115deg,#b6000b,#ed1016 48%,#b80008);background-attachment:fixed}
.landing{width:min(100% - 40px,360px);margin-inline:auto;padding:22px 0 32px}
.logo{display:block;width:290px;max-width:90%;height:auto;margin:0 auto 15px}
.panel{position:relative;isolation:isolate;background:#050e25;border-radius:10px;padding:30px 38px 24px}
.panel::before{content:"";position:absolute;inset:-4px -6px -7px -8px;z-index:-2;border-radius:12px;background:linear-gradient(135deg,#fff991 0%,#e9d34c 35%,#df375a 63%,#8400ff 100%);transform:rotate(.45deg)}
.panel::after{content:"";position:absolute;inset:0;z-index:-1;background:#050e25;border-radius:inherit}
h1{text-align:center;font-size:29px;line-height:1.25;margin:4px -18px 25px}
form>label:not(.consent){display:block;font-size:18px;margin:6px 0 5px;line-height:1.5}
input:not([type=checkbox]):not([type=file]):not([type=hidden]){display:block;width:100%;border:1px solid transparent;border-radius:10px;background:linear-gradient(105deg,#fa0085,#7400f3);padding:6px 13px;color:#fff;font:900 16px/1.7 Cairo,Tahoma,sans-serif;text-align:right;min-height:40px}
input::placeholder{color:#f4d6fa;opacity:1}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #fff58b;outline-offset:3px}
input[type=number]{appearance:textfield}
input::-webkit-inner-spin-button{appearance:none}
.upload-wrap{position:relative;margin-top:12px}
.dropzone{border:1px dashed #fff5a7;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:9px 12px;text-align:center;transition:background .2s,border-color .2s}
.dropzone:focus-within,.dropzone.dragging{background:#471164;outline:2px solid #ffec85;outline-offset:3px}
.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#file-name{font-size:17px;max-width:100%;overflow-wrap:anywhere}
.upload-hint{font:12px/1.6 Tahoma,sans-serif;color:#d0d1df}
.sketch{position:absolute;right:-92px;top:-21px;font-size:25px;white-space:nowrap;pointer-events:none;z-index:1}
.sketch svg{display:block;width:61px;height:70px;fill:none;stroke:#fff;stroke-width:2.5;margin-right:38px;filter:drop-shadow(1px 1px 1px #a3a3ae)}
.help{font:11px/1.6 Tahoma,sans-serif;color:#b8bacb;margin:7px 0 0;text-align:center}
.consent{display:flex;gap:7px;align-items:flex-start;margin:23px 0;font:11px/1.5 Tahoma,sans-serif}
.consent input{appearance:auto;accent-color:#ed008a;flex:0 0 20px;width:20px;height:20px;margin:0}
a{color:#fff3a3;text-underline-offset:3px}
button{display:block;width:100%;border:1px solid #ef5637;border-radius:5px;color:white;background:linear-gradient(#e82514,#da210c);box-shadow:0 7px 0 #931b15;font:900 20px/1.5 Cairo,Tahoma,sans-serif;padding:8px 4px;cursor:pointer;transition:filter .15s,transform .15s}
button:hover{filter:brightness(1.12)}button:active{transform:translateY(2px)}
button:disabled{opacity:.7;cursor:wait}
.status{padding:12px;border:1px solid #ffc85f;border-radius:6px;font:14px/1.7 Tahoma,sans-serif;overflow-wrap:anywhere}
.success{border-color:#73d9a8;background:#123d36}.error,.file-error{color:#ffe0d7}
.file-error{font:12px/1.6 Tahoma,sans-serif}
.legal{width:min(700px,calc(100% - 40px));margin:50px auto;background:#050e25;padding:28px;border-radius:12px;font:17px/1.9 Tahoma,sans-serif}
.legal h1{font-family:Cairo,Tahoma,sans-serif;font-size:27px;margin:0 0 22px}
@media(max-width:480px){.landing{width:min(360px,calc(100% - 34px));padding-top:17px}.panel{padding:28px 29px 25px}.logo{width:265px}.sketch{right:-27px;top:-17px;font-size:12px}.sketch svg{width:32px;height:44px;margin-right:0}h1{font-size:27px}.consent{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}