.soumission-page{padding-top:100px;min-height:100vh}.soumission-hero{text-align:center;padding:clamp(43px,6vw,72px) 0 clamp(35px,4vw,48px)}.soumission-badge{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);background:#00d4ff14;border:1px solid rgba(0,212,255,.18);border-radius:100px;padding:8px 20px;margin-bottom:24px}.soumission-title{font-size:clamp(33px,4vw,50px);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text);margin:0 0 16px}.soumission-lead{font-size:clamp(18px,1.6vw,17px);color:var(--muted);max-width:560px;margin:0 auto;line-height:1.7}.soumission-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:clamp(35px,4vw,48px);padding:0 20px;flex-wrap:wrap}.soumission-step-dot{display:flex;align-items:center;gap:0}.soumission-step-dot button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--border-h);background:var(--bg);color:var(--muted);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s var(--ease-out);position:relative}.soumission-step-dot button:hover{border-color:var(--accent);color:var(--accent)}.soumission-step-dot.is-active button{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 0 20px var(--glow-blue),0 0 40px var(--glow-cyan)}.soumission-step-dot.is-done button{background:#4f63f526;border-color:var(--accent);color:var(--accent-2)}.soumission-step-line{width:32px;height:2px;background:var(--border-h);transition:background .3s}.soumission-step-dot.is-done+.soumission-step-line,.soumission-step-line.is-done{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.soumission-form-wrap{max-width:780px;margin:0 auto;padding-bottom:clamp(67px,8vw,100px)}.soumission-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(31px,4vw,44px);position:relative;overflow:hidden;contain:content}.soumission-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.soumission-step{display:none;animation:soumissionFadeIn .35s var(--ease-out)}.soumission-step.is-visible{display:block}@keyframes soumissionFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.soumission-step-title{font-size:clamp(23px,2.5vw,26px);font-weight:700;color:var(--text);margin:0 0 8px;letter-spacing:-.02em}.soumission-step-subtitle{font-size:17px;color:var(--muted);margin:0 0 28px;line-height:1.6}.soumission-fields{display:flex;flex-direction:column;gap:20px}.soumission-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.soumission-field{display:flex;flex-direction:column;gap:7px}.soumission-field label{font-size:17px;font-weight:600;color:var(--text-2);letter-spacing:.01em}.soumission-field label .soumission-optional{font-weight:400;color:var(--muted);font-size:16px}.soumission-field input,.soumission-field textarea,.soumission-field select{font-family:inherit;font-size:18px;color:var(--text);background:#ffffff0a;border:1px solid var(--border-h);border-radius:var(--radius);padding:13px 16px;transition:border-color .2s,box-shadow .2s,background .2s;outline:none;width:100%}.soumission-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236868A0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.soumission-field select option{background:#12122a;color:var(--text)}.soumission-field textarea{resize:vertical;min-height:120px}.soumission-field input:focus,.soumission-field textarea:focus,.soumission-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f63f526;background:#ffffff0f}.soumission-field input.is-invalid,.soumission-field textarea.is-invalid{border-color:#ff4d4d;box-shadow:0 0 0 3px #ff4d4d33;animation:soumissionShake .4s var(--ease-out)}.soumission-field input.is-invalid:focus,.soumission-field textarea.is-invalid:focus{border-color:#ff4d4d;box-shadow:0 0 0 3px #ff4d4d40}@keyframes soumissionShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.soumission-field-error{font-size:16px;font-weight:500;color:#ff4d4d;margin-top:2px}.soumission-toast{position:fixed;top:100px;left:50%;transform:translate(-50%) translateY(-20px);background:#ff4d4d26;border:1px solid rgba(255,77,77,.4);color:#ff8a8a;font-family:inherit;font-size:17px;font-weight:600;padding:14px 28px;border-radius:100px;backdrop-filter:blur(12px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease-out)}.soumission-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.soumission-radio-group{display:flex;flex-direction:column;gap:7px}.soumission-radio-group>span{font-size:17px;font-weight:600;color:var(--text-2);letter-spacing:.01em}.soumission-radio-options{display:flex;flex-wrap:wrap;gap:10px}.soumission-radio-options label{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:500;color:var(--text-2);cursor:pointer;padding:10px 16px;border:1px solid var(--border-h);border-radius:var(--radius);background:#ffffff05;transition:border-color .2s,background .2s,color .2s;flex:1;min-width:140px}.soumission-radio-options label:hover{border-color:var(--accent);background:#4f63f50f}.soumission-radio-options input[type=radio],.soumission-radio-options input[type=checkbox]{width:auto;accent-color:var(--accent)}.soumission-radio-options input:checked+span,.soumission-radio-options label:has(input:checked){color:var(--text);border-color:var(--accent);background:#4f63f51a}.soumission-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.soumission-check-grid label{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500;color:var(--text-2);cursor:pointer;padding:12px 16px;border:1px solid var(--border-h);border-radius:var(--radius);background:#ffffff05;transition:border-color .2s,background .2s,color .2s}.soumission-check-grid label:hover{border-color:var(--accent);background:#4f63f50f}.soumission-check-grid input[type=checkbox]{width:auto;accent-color:var(--accent)}.soumission-check-grid label:has(input:checked){color:var(--text);border-color:var(--accent);background:#4f63f51a}.soumission-file-drop{position:relative;border:2px dashed var(--border-h);border-radius:var(--radius);background:#ffffff05;transition:border-color .2s,background .2s;cursor:pointer}.soumission-file-drop:hover,.soumission-file-drop.is-dragover{border-color:var(--accent);background:#4f63f50f}.soumission-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.soumission-file-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;color:var(--muted);font-size:17px;text-align:center;pointer-events:none}.soumission-file-placeholder svg{color:var(--accent-2);margin-bottom:4px}.soumission-file-placeholder strong{color:var(--accent-2);cursor:pointer}.soumission-file-hint{font-size:16px;color:var(--muted);opacity:.7}.soumission-file-preview{display:flex;align-items:center;gap:14px;padding:16px 20px}.soumission-file-preview img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#ffffff0f;border:1px solid var(--border)}.soumission-file-preview span{flex:1;font-size:17px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soumission-file-remove{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:21px;color:var(--muted);background:#ffffff0a;border:1px solid var(--border-h);border-radius:50%;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s,background .2s}.soumission-file-remove:hover{color:#ff6b6b;border-color:#ff6b6b;background:#ff6b6b1a}.soumission-url-field{display:none;margin-top:4px}.soumission-url-field.is-visible{display:block}.soumission-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.btn-soumission-prev{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:17px;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--border-h);border-radius:100px;padding:12px 24px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.btn-soumission-prev:hover{color:var(--text);border-color:var(--text-2);background:#ffffff0a}.btn-soumission-next{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:100px;padding:12px 28px;cursor:pointer;transition:transform .25s var(--ease-spring),box-shadow .25s,filter .2s;box-shadow:0 8px 28px #4f63f559;margin-left:auto}.btn-soumission-next:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 48px #4f63f580;filter:brightness(1.08)}.btn-soumission-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-3));border:none;border-radius:100px;padding:14px 36px;cursor:pointer;transition:transform .25s var(--ease-spring),box-shadow .25s,filter .2s;box-shadow:0 8px 28px #4f63f559;margin-left:auto}.btn-soumission-submit:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 48px #4f63f580;filter:brightness(1.08)}.btn-soumission-prev.is-hidden{visibility:hidden}.soumission-success{display:none;text-align:center;padding:56px 24px;position:relative}.soumission-success.is-visible{display:block;animation:soumissionFadeIn .6s var(--ease-out)}.soumission-success-glow{position:absolute;top:40px;left:50%;transform:translate(-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(79,99,245,.2) 0%,rgba(0,212,255,.08) 50%,transparent 70%);pointer-events:none;animation:soumissionPulse 3s ease-in-out infinite}@keyframes soumissionPulse{0%,to{transform:translate(-50%) scale(1);opacity:.7}50%{transform:translate(-50%) scale(1.15);opacity:1}}.soumission-success-icon{position:relative;width:80px;height:80px;margin:0 auto 28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;box-shadow:0 0 48px var(--glow-blue),0 0 80px var(--glow-cyan);animation:soumissionBounce .6s .2s var(--ease-spring) both}@keyframes soumissionBounce{0%{transform:scale(0)}to{transform:scale(1)}}.soumission-success-icon svg{width:36px;height:36px;stroke:#fff;stroke-width:2.5;fill:none}.soumission-success h3{font-size:clamp(25px,3vw,28px);font-weight:700;color:var(--text);margin:0 0 12px;letter-spacing:-.02em}.soumission-success p{font-size:18px;color:var(--muted);line-height:1.7;max-width:440px;margin:0 auto 32px}.soumission-success-details{display:flex;justify-content:center;gap:32px;margin-bottom:36px;flex-wrap:wrap}.soumission-success-detail{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500;color:var(--text-2)}.soumission-success-detail svg{color:var(--accent-2);flex-shrink:0}.btn-soumission-home{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:100px;padding:14px 32px;text-decoration:none;transition:transform .25s var(--ease-spring),box-shadow .25s,filter .2s;box-shadow:0 8px 28px #4f63f559}.btn-soumission-home:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 48px #4f63f580;filter:brightness(1.08)}@media(max-width:640px){.soumission-row{grid-template-columns:1fr}.soumission-radio-options{flex-direction:column}.soumission-radio-options label{min-width:0}.soumission-check-grid{grid-template-columns:1fr}.soumission-step-dot button{width:30px;height:30px;font-size:15px}.soumission-step-line{width:16px}.soumission-nav{gap:12px}.btn-soumission-prev,.btn-soumission-next,.btn-soumission-submit{padding:12px 20px;font-size:17px}}@media(prefers-reduced-motion:reduce){.soumission-step,.soumission-success,.soumission-step-dot button,.btn-soumission-next,.btn-soumission-submit,.btn-soumission-prev{transition:none;animation:none}}
