.drop-zone{position:relative;max-width:680px;margin:34px auto 0;padding:42px 28px 38px;overflow:hidden;border:1px solid rgba(171,205,195,.8);border-radius:30px;background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(247,252,250,.88));box-shadow:0 24px 64px rgba(34,84,70,.11),inset 0 1px rgba(255,255,255,.8);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.drop-zone::before{position:absolute;inset:10px;border:1.5px dashed rgba(96,163,145,.5);border-radius:22px;content:"";pointer-events:none}.drop-zone>*{position:relative;z-index:1}.drop-zone.is-dragging{border-color:var(--green);background:linear-gradient(155deg,#f4fcf9,#e5f5f0);box-shadow:0 26px 70px rgba(20,125,110,.17);transform:translateY(-2px) scale(1.006)}.drop-zone.is-dragging::before{border-color:var(--green)}.drop-zone.is-error{border-color:var(--bad);background:#fff8f7}.drop-icon{display:grid;width:58px;height:58px;margin:0 auto 14px;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:19px;background:linear-gradient(145deg,#dff2ec,#cce9e0);box-shadow:0 9px 22px rgba(34,116,96,.12);color:var(--green);font-size:29px;font-weight:900}.drop-zone>strong{display:block;font-size:22px;letter-spacing:-.015em}.drop-zone>p{margin:5px 0 0;color:#738a84;font-size:13px}.drop-zone .upload-row{margin-top:24px}@media(max-width:480px){.drop-zone{margin-top:28px;padding:34px 18px 30px;border-radius:24px}.drop-zone::before{inset:8px;border-radius:18px}.drop-zone .upload-row{flex-direction:column}.drop-zone .upload-row>*{width:100%}}