*{margin:0;padding:0;box-sizing:border-box}body .site-main{background:#f3f7f9}body{background:#f3f7f9}:root{--orange-primary: #f97316;--orange-dark: #ea580c;--gray-deep: #1e293b;--gray-mid: #475569;--gray-light: #94a3b8;--shadow-sm: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);--shadow-md: 0 20px 25px -12px rgba(249, 115, 22, 0.12)}.checkout-modern{max-width:560px;width:100%;margin:0 auto}.auth-card{background-color:#ffffff;border-radius:32px;box-shadow:var(--shadow-sm),var(--shadow-md);transition:transform 0.2s ease, box-shadow 0.2s ease;border:1px solid rgba(249,115,22,0.12);overflow:hidden;margin-bottom:2rem}.auth-card:hover{box-shadow:0 25px 40px -12px rgba(249,115,22,0.22)}.card-inner{padding:2rem 2rem 2.2rem}.auth-header{text-align:center;margin-bottom:1.8rem}.auth-header .logo-icon{background:var(--orange-primary);width:56px;height:56px;border-radius:28px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 18px rgba(249,115,22,0.25)}.logo-icon i{font-size:28px;color:white}.auth-header h3{font-size:1.8rem;font-weight:700;color:var(--gray-deep);letter-spacing:-0.01em;margin-bottom:0.25rem}.auth-header p{color:var(--gray-mid);font-size:0.9rem;margin-top:0.25rem}.form-group{margin-bottom:1.25rem;width:100%}.form-label{font-weight:600;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--gray-deep);margin-bottom:0.5rem;display:block}.input-group-custom{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--orange-primary);font-size:1rem;z-index:2;opacity:0.7}.form-control-modern{width:100%;padding:0.85rem 1rem 0.85rem 2.8rem !important;font-size:0.95rem;font-weight:500;border:1.5px solid #e9eef3;border-radius:20px;background-color:#ffffff;transition:all 0.2s ease;color:var(--gray-deep)}.form-control-modern:focus{border-color:var(--orange-primary);box-shadow:0 0 0 4px rgba(249,115,22,0.15);outline:none}.form-check{display:flex;align-items:center;gap:0.6rem}.form-check-input{width:1.15rem;height:1.15rem;margin-top:0;border:1.5px solid #cbd5e1;border-radius:5px;cursor:pointer;transition:background 0.2s, border-color 0.2s}.form-check-input:checked{background-color:var(--orange-primary);border-color:var(--orange-primary)}.form-check-label{font-weight:500;font-size:0.9rem;color:var(--gray-mid);cursor:pointer}.btn-orange{background:linear-gradient(105deg, var(--orange-primary) 0%, #fb923c 100%);border:none;padding:0.9rem 1.2rem;font-weight:700;font-size:1rem;border-radius:40px;width:100%;color:white;transition:all 0.25s ease;box-shadow:0 4px 8px rgba(249,115,22,0.2);display:inline-flex;align-items:center;justify-content:center;gap:0.5rem}.btn-orange:hover{background:linear-gradient(105deg, var(--orange-dark) 0%, #f97316 100%);transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(249,115,22,0.4)}.btn-orange:active{transform:translateY(1px)}.devise-links{margin-top:1.8rem;text-align:center;border-top:1px solid #f1f5f9;padding-top:1.5rem}.devise-links a{color:var(--orange-primary);text-decoration:none;font-weight:600;font-size:0.85rem;margin:0 0.5rem;transition:color 0.2s;display:inline-flex;align-items:center;gap:6px}.devise-links a i{font-size:0.8rem}.devise-links a:hover{color:var(--orange-dark);text-decoration:underline}.separator{color:var(--gray-light);font-size:0.75rem;margin:0 0.25rem}@media (max-width: 576px){.card-inner{padding:1.6rem}.auth-header h3{font-size:1.5rem}.btn-orange{padding:0.75rem}}#error_explanation{background:#fff5f5;border:1px solid #fecaca;color:#b91c1c;padding:12px 16px;border-radius:12px;margin-bottom:1rem;width:100%}.field_with_errors{display:block;width:100%}