:root{--color-primary: #03045E;--color-primary-dark: #023E8A;--color-primary-hover: #023E8A;--color-success: #00C66B;--color-error: #FF3B30;--color-warning: #FFB800;--color-text: #121212;--color-text-light: #6B7280;--color-background: #F8F9FA;--color-background-white: #FFFFFF;--color-border: #E5E7EB;--radius-small: 4px;--radius-medium: 8px;--radius-large: 12px;--shadow-small: 0 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 10px 40px rgba(0, 0, 0, .12);--transition-fast: .3s ease}.warranty-registration-page{padding:40px 0 80px;background:var(--color-background);min-height:100vh}.warranty-hero{text-align:center;margin-bottom:60px}.warranty-hero h1{font-size:48px;color:var(--color-primary);margin-bottom:16px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.warranty-hero p{font-size:20px;color:var(--color-text-light);max-width:600px;margin:0 auto;line-height:1.6}.registration-content{display:grid;grid-template-columns:1fr;gap:40px;max-width:1200px;margin:0 auto}.registration-form-wrapper{display:grid;grid-template-columns:1fr;gap:40px}.form-benefits{background:var(--color-background-white);padding:32px;border-radius:var(--radius-large);box-shadow:var(--shadow-small);height:fit-content}.form-benefits h2{color:var(--color-primary);margin-bottom:24px;font-size:24px;font-weight:600}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:16px;line-height:1.5;color:var(--color-text)}.benefits-list li:last-child{margin-bottom:0}.benefits-list .icon{color:var(--color-success);flex-shrink:0;margin-top:2px}.registration-form{background:var(--color-background-white);padding:40px;border-radius:var(--radius-large);box-shadow:var(--shadow-small);width:100%}.auto-populate-notice{display:flex;align-items:center;gap:12px;padding:16px;background:#03045e0d;border:1px solid rgba(3,4,94,.1);border-radius:var(--radius-medium);margin-bottom:24px;font-size:14px;color:var(--color-primary)}.auto-populate-notice .icon{flex-shrink:0;color:var(--color-primary)}.warranty-form{position:relative}.form-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.form-header h2{color:var(--color-primary);margin-bottom:8px;font-size:28px;font-weight:600}.form-header p{color:var(--color-text-light);font-size:16px;margin:0}.form-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section h3{color:var(--color-primary);font-size:20px;margin-bottom:20px;font-weight:600}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr;gap:16px}.form-label{display:block;font-weight:600;color:var(--color-text);margin-bottom:8px;font-size:14px}.form-label .required{color:var(--color-error)}.form-hint{display:block;font-weight:400;color:var(--color-text-light);font-size:12px;margin-top:4px}.form-input,.form-select{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-medium);font-size:16px;font-family:inherit;color:var(--color-text);background-color:var(--color-background-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover,.form-select:hover{border-color:#d1d5db}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #03045e1a}.form-input::placeholder{color:#9ca3af}.form-input.error,.form-select.error{border-color:var(--color-error)}.form-input.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px #ff3b301a}.form-error{color:var(--color-error);font-size:14px;margin-top:4px;display:none}.form-error.show{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.checkbox-group{display:flex;align-items:flex-start;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.5;color:var(--color-text);-webkit-user-select:none;user-select:none}.checkbox-label a{color:var(--color-primary);text-decoration:underline}.checkbox-label a:hover{color:var(--color-primary-hover)}.form-checkbox{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-small);position:relative;flex-shrink:0;transition:all var(--transition-fast);background-color:var(--color-background-white)}.form-checkbox:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.form-checkbox:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-submit{text-align:center;margin-top:40px;padding-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;font-size:16px;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #03045e40}.button--secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.button--secondary:hover:not(:disabled){background:var(--color-primary);color:#fff}.button--large{padding:16px 48px;font-size:18px;position:relative;min-width:280px}.button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{text-align:center;padding:60px 40px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{margin-bottom:24px}.success-message h3{color:var(--color-success);font-size:32px;margin-bottom:16px;font-weight:600}.success-message p{color:var(--color-text);font-size:18px;margin-bottom:16px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}#registration-id{font-weight:600;color:var(--color-primary);font-family:monospace;font-size:16px;background:var(--color-background);padding:4px 8px;border-radius:var(--radius-small)}@media (min-width: 768px){.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 1024px){.warranty-registration-page{padding:60px 0 100px}.warranty-hero{margin-bottom:80px}.warranty-hero h1{font-size:56px;margin-bottom:24px}.warranty-hero p{font-size:24px;max-width:700px}.registration-form-wrapper{grid-template-columns:380px 1fr;gap:60px;align-items:start}.form-benefits{position:sticky;top:100px;height:fit-content;padding:40px}.form-benefits h2{font-size:28px;margin-bottom:32px}.benefits-list li{margin-bottom:20px;font-size:17px}.registration-form{padding:48px;max-width:800px}.form-header h2{font-size:32px}.form-section{margin-bottom:40px;padding-bottom:40px}.form-section h3{font-size:22px;margin-bottom:24px}.form-row{gap:20px}.form-group{margin-bottom:24px}}@media (min-width: 1440px){.registration-content{max-width:1400px}.registration-form-wrapper{grid-template-columns:420px 1fr;gap:80px}.registration-form{padding:60px;max-width:900px}}@media (max-width: 767px){.warranty-registration-page{padding:20px 0 40px}.warranty-hero{margin-bottom:40px}.warranty-hero h1{font-size:32px;line-height:1.3}.warranty-hero p{font-size:16px;padding:0 16px}.registration-content{padding:0 16px}.registration-form{padding:24px 20px;border-radius:8px}.form-benefits{padding:24px 20px;margin-bottom:24px;position:static}.form-benefits h2{font-size:20px}.benefits-list li{font-size:14px}.form-header h2{font-size:24px}.form-header p{font-size:14px}.form-section h3{font-size:18px}.form-input,.form-select{font-size:16px;padding:14px 16px}.form-label,.checkbox-label{font-size:13px}.button--large{width:100%;min-width:auto;padding:14px 24px;font-size:16px}.form-section{margin-bottom:24px;padding-bottom:24px}.form-row{gap:12px}.form-group{margin-bottom:16px}.auto-populate-notice{font-size:13px;padding:12px}.success-message{padding:40px 20px}.success-message h3{font-size:24px}.success-message p{font-size:16px}}@media (hover: none) and (pointer: coarse){.form-input,.form-select{min-height:48px}.checkbox-custom{width:24px;height:24px}.checkbox-label{gap:16px}.button{min-height:48px}}@media (max-width: 767px) and (orientation: landscape){.warranty-hero{margin-bottom:30px}.warranty-hero h1{font-size:28px}.form-section{margin-bottom:20px;padding-bottom:20px}}.is-loading{pointer-events:none}.is-loading .button-text{visibility:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.warranty-registration-page{background:#fff}.form-benefits{display:none}.registration-form{box-shadow:none;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/warranty-registration.css.map */