.popup{position:fixed;top:0;left:0;z-index:999;width:100vw;height:100vh;background-color:black;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;padding:20px}.popup,.popupContent{box-sizing:border-box}.popupContent{width:100%;max-width:min-content;min-width:320px;background-color:white;padding:32px 20px;border-radius:20px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.2);border:1px solid #f3f4f6;overflow:hidden}.dooryText{color:var(--main-bg-color,#00315d);font-size:1rem;line-height:1.6;margin-bottom:24px;font-weight:500}@media (min-width:640px){.popupContent{max-width:min-content;min-width:450px;padding:40px 32px}.dooryText{font-size:1.1rem;margin-bottom:32px}}.start-options{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin:24px 0;width:100%;max-width:100%}.start-card{background:#ffffff;border:2px solid #e5e7eb;border-radius:16px;padding:20px 16px;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.1);min-height:140px;display:flex;flex-direction:column;justify-content:space-between;width:100%;box-sizing:border-box}.start-card:hover{border-color:var(--secundery-color,#00b1eb);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,177,235,.15)}.start-card .card-icon{font-size:2rem;margin-bottom:8px;opacity:.8}.start-card h3{margin:0 0 6px;color:var(--main-bg-color,#00315d);font-size:1rem;font-weight:700;line-height:1.3}.start-card p{margin:0;color:#6b7280;font-size:.8rem;line-height:1.3;flex-grow:1}.card-badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:var(--secundery-color,#00b1eb);color:white;padding:3px 8px;border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.catalog-card{border-color:var(--secundery-color,#00b1eb);background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.catalog-card .card-icon{color:var(--secundery-color,#00b1eb)}.direct-card:hover{border-color:#10b981;box-shadow:0 4px 12px rgba(16,185,129,.15)}.direct-card .card-icon{color:#10b981}.load-card:hover{border-color:#f59e0b;box-shadow:0 4px 12px rgba(245,158,11,.15)}.load-card .card-icon{color:#f59e0b}@media (min-width:640px){.start-options{grid-template-columns:repeat(3,1fr);gap:20px}.start-card{min-height:160px;padding:24px 20px}.start-card .card-icon{font-size:2.5rem;margin-bottom:12px}.start-card h3{font-size:1.125rem;margin-bottom:8px}.start-card p{font-size:.875rem;line-height:1.4}.card-badge{top:12px;left:50%;transform:translateX(-50%);padding:4px 10px;font-size:.7rem}}.dooryInput{width:100%;height:48px;padding:12px 16px;border-radius:8px;border:2px solid #e5e7eb;box-sizing:border-box;font-size:16px;margin-bottom:12px;transition:border-color .2s ease;background:#fafafa}.dooryInput:focus{outline:none;border-color:var(--secundery-color,#00b1eb);background:white}.dooryButton{width:100%;height:48px;background:linear-gradient(135deg,var(--secundery-color,#00b1eb) 0,#0099cc 100%);color:white;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin:6px 0;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,177,235,.2)}.dooryButton:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,177,235,.3)}.dooryButton:active{transform:translateY(0)}.dooryButton:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.dooryButton:hover{background-color:var(--main-bg-color)}.doorySelect{width:100%;height:40px;padding:10px;border-radius:5px;border:1px solid var(--border-color);box-sizing:border-box;background-color:white}.doorySelect,.dooryText{font-size:16px;margin-bottom:10px}.dooryText{color:#333;line-height:1.5}@media (max-width:767px){.popup{padding:15px}.popupContent{max-width:min-content;padding:20px;min-width:280px}.dooryButton,.dooryInput,.doorySelect{height:45px;font-size:16px}.dooryText{font-size:14px}}@media (min-width:768px) and (max-width:1023px){.popupContent{max-width:min-content;padding:25px;min-width:400px}.dooryButton,.dooryInput,.doorySelect{height:42px}.dooryText{font-size:15px}}@media (min-width:1024px){.popupContent{max-width:min-content;padding:30px;min-width:500px}.dooryButton,.dooryInput,.doorySelect{height:40px;font-size:16px}.dooryText{font-size:16px}}@media (min-width:1440px){.popupContent{max-width:min-content;padding:40px;min-width:600px}.dooryButton,.dooryInput,.doorySelect{height:45px;font-size:17px}.dooryText{font-size:17px}}