@font-face{font-family:IRANYekan;src:url(/fonts/IRANYekanXVF.woff)format("woff");font-weight:400;font-style:normal}:root{direction:rtl;font-family:IRANYekan,Tahoma,sans-serif}body{color:#2d3436;background-color:#f4f7f9;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}*{box-sizing:border-box}:root{--bg-color:#fdfbfb;--bg-gradient:linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);--text-dark:#4a4e69;--text-light:#9fa0b4;--white:#fff;--pastel-blue:#d8eefe;--pastel-blue-dark:#a2d2ff;--pastel-pink:#fde2e4;--pastel-pink-dark:#ffafcc;--pastel-yellow:#fefae0;--pastel-green:#d8f3dc;--pastel-green-dark:#95d5b2}body{background:var(--bg-color);background-image:var(--bg-gradient);min-height:100vh;color:var(--text-dark);direction:rtl;justify-content:center;align-items:center;margin:0;font-family:IRANYekan,Tahoma,sans-serif;display:flex}.wrapper{box-sizing:border-box;width:100%;max-width:900px;padding:20px}.main-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:32px;padding:40px;box-shadow:0 20px 50px #0000000d}.header{text-align:center;margin-bottom:40px}.header h1{color:#2b2d42;margin:0;font-size:32px}.header h1 span{color:#b5838d}.header p{color:var(--text-light);margin-top:8px}.box{border-radius:24px;margin-bottom:20px;padding:30px;transition:transform .3s;position:relative}.box.pastel-yellow{background:var(--pastel-yellow)}.box.pastel-blue{background:var(--pastel-blue)}.box.pastel-pink{background:var(--pastel-pink)}.box.pastel-green{background:var(--pastel-green)}.step-badge{background:var(--white);border-radius:20px;padding:5px 15px;font-size:12px;font-weight:700;position:absolute;top:-12px;right:20px;box-shadow:0 4px 10px #0000000d}.split-layout{gap:20px;display:flex}.split-layout>div{flex:1}.minimal-input{background:var(--white);box-sizing:border-box;border:none;border-radius:16px;outline:none;width:100%;margin-bottom:15px;padding:16px;font-family:inherit;font-size:16px;box-shadow:inset 0 2px 5px #00000005}.code-display{background:var(--white);text-align:center;letter-spacing:5px;color:#2b2d42;border-radius:16px;margin-bottom:15px;padding:15px;font-size:24px;font-weight:700}.btn-pastel{cursor:pointer;color:#2b2d42;border:none;border-radius:16px;width:100%;margin-bottom:10px;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s}.btn-pastel.blue{background:var(--pastel-blue-dark)}.btn-pastel.blue-dark{background:#bde0fe}.btn-pastel.pink{background:var(--pastel-pink-dark)}.btn-pastel:hover{filter:brightness(.95);transform:translateY(-2px)}.status-indicator{text-align:center;color:#2b2d42;margin-bottom:30px;font-size:18px;font-weight:700}.drop-zone{border:3px dashed var(--pastel-green-dark);cursor:pointer;background:#fff9;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;transition:all .3s;display:flex}.drop-zone:hover{background:var(--white)}.drop-icon{margin-bottom:15px;font-size:48px}.progress-wrapper{text-align:center;margin-top:30px}.progress-track{background:var(--white);border-radius:20px;height:16px;overflow:hidden}.progress-fill{background:var(--pastel-green-dark);border-radius:20px;height:100%;transition:width .3s}.progress-percent{margin-top:10px;font-weight:700;display:block}@media (width<=768px){.split-layout{flex-direction:column}.main-card{border-radius:24px;padding:20px}}