:root{--g:#39ff14;--line:rgba(57,255,20,.23);--muted:#aeb6ae}*{box-sizing:border-box}html{background:#020302}body{margin:0;color:#f5f8f5;font-family:Arial,Helvetica,sans-serif}.shell{min-height:100vh;padding:36px 18px 22px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% -10%,#142014 0,transparent 35%),linear-gradient(#050705,#010201)}.shell:before{content:"";position:fixed;inset:0;opacity:.16;pointer-events:none;background-image:linear-gradient(rgba(57,255,20,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 60%)}.card{width:min(920px,100%);position:relative;background:linear-gradient(150deg,rgba(14,18,14,.98),rgba(5,7,5,.99));border:1px solid var(--line);border-radius:30px;box-shadow:0 35px 100px #0009,0 0 70px rgba(57,255,20,.06);overflow:hidden}.card header{text-align:center;padding:36px 50px 28px;border-bottom:1px solid rgba(57,255,20,.12)}header img{width:min(520px,88%);height:auto;display:block;margin:0 auto 18px;filter:drop-shadow(0 0 9px rgba(57,255,20,.45))}.badge{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--g);background:rgba(57,255,20,.06);font-size:12px;font-weight:bold;letter-spacing:.12em;text-transform:uppercase}h1{margin:20px 0 10px;font-size:clamp(34px,6vw,62px);line-height:.98;letter-spacing:-.045em}h1 span{color:var(--g);text-shadow:0 0 28px rgba(57,255,20,.25)}header p,.login p,.success p{color:var(--muted);line-height:1.65}.login,.upload,.success{padding:34px 48px 40px}.login{max-width:570px;margin:auto;display:grid;gap:18px;text-align:center}.lock{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--g);border:1px solid var(--line);background:rgba(57,255,20,.08)}h2{margin:0;font-size:27px}label{display:grid;gap:8px;text-align:left;font-size:14px;font-weight:bold}label i{font-style:normal;color:#7e887e;font-weight:normal}input,textarea{width:100%;padding:14px 15px;border:1px solid #ffffff1f;border-radius:13px;background:#060806;color:#fff;font:inherit;outline:none}input:focus,textarea:focus{border-color:rgba(57,255,20,.65);box-shadow:0 0 0 3px rgba(57,255,20,.08)}button,.success a{border:0;border-radius:13px;background:var(--g);color:#071006;font-weight:900;padding:15px 20px;cursor:pointer;text-decoration:none;text-align:center;box-shadow:0 0 25px rgba(57,255,20,.2)}button:disabled{opacity:.55}.upload{display:grid;gap:22px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.drop{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed rgba(57,255,20,.38);border-radius:18px;background:linear-gradient(145deg,rgba(57,255,20,.055),rgba(255,255,255,.018));padding:22px;cursor:pointer}.drop b{color:var(--g);font-size:34px}.drop strong{font-size:17px}.drop small{color:#909a90;margin:7px 0 16px}.drop input{display:none}.drop span{max-width:100%;padding:8px 13px;border:1px solid var(--line);border-radius:9px;color:var(--g);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive{padding:18px;border-radius:16px;background:#ffffff07;border:1px solid #ffffff14;color:var(--g)}.archive small{color:#7e887e;font-weight:normal;line-height:1.5}.error{color:#ff9797;background:rgba(255,70,70,.08);border:1px solid rgba(255,70,70,.22);padding:12px;border-radius:10px;text-align:center}.privacy{text-align:center;color:#7f897f;font-size:12px;margin:0}.progress{display:flex;align-items:center;gap:12px;color:var(--g);font-size:13px}.progress i{width:18px;height:18px;border:2px solid #39ff1450;border-top-color:var(--g);border-radius:50%;animation:spin .8s linear infinite}.success{text-align:center;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.success b{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;font-size:42px;color:var(--g);border:1px solid var(--line)}.success p{max-width:550px}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}footer{position:relative;color:#5f685f;font-size:12px;margin-top:20px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:680px){.shell{padding:14px 10px}.card{border-radius:22px}.card header{padding:25px 18px 23px}header img{width:96%}.login,.upload,.success{padding:26px 18px 30px}.two{grid-template-columns:1fr}.drop{min-height:165px}h1{font-size:39px}}