.pet-code-redemption{max-width:480px;padding:var(--pet-space-lg,32px);background:var(--pet-surface,#fff);border:var(--pet-border-width,1px) solid var(--pet-border-color,#1a1a2e14);border-radius:var(--pet-radius,14px);box-shadow:0 2px 4px rgba(var(--pet-shadow-color,30, 28, 24), .1);margin:0 auto}.pet-code-redemption--error,.pet-code-redemption--login-required{text-align:center;padding:var(--pet-space-xl,48px) var(--pet-space-lg,32px)}.pet-code-redemption__user{align-items:center;gap:var(--pet-space-sm,16px);padding:var(--pet-space-sm,16px);margin-bottom:var(--pet-space,24px);background:var(--pet-surface-alt,#fafaf9);border-radius:var(--pet-radius-sm,8px);display:flex}.pet-code-redemption__avatar{flex-shrink:0}.pet-code-redemption__avatar img{object-fit:cover;border-radius:50%;width:48px;height:48px}.pet-code-redemption__user-info{flex:1;min-width:0}.pet-code-redemption__user-info strong{font-size:var(--pet-text-base,1rem);font-weight:var(--pet-heading-weight,600);color:var(--pet-text-primary,#1c1917);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pet-code-redemption__user-info span{font-size:var(--pet-text-sm,.875rem);color:var(--pet-text-muted,#78716c);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pet-code-redemption__logout{font-size:var(--pet-text-sm,.875rem);color:var(--pet-text-muted,#78716c);flex-shrink:0;text-decoration:none}.pet-code-redemption__logout:hover{color:var(--pet-primary,#1b2f5b);text-decoration:underline}.pet-code-redemption__form{margin:0}.pet-code-redemption__field{margin-bottom:var(--pet-space,24px)}.pet-code-redemption__field label{font-weight:500;font-size:var(--pet-text-sm,.875rem);color:var(--pet-text-primary,#1c1917);margin-bottom:6px;display:block}.pet-code-redemption__input{border:1px solid var(--pet-border-color,#1e1c181f);border-radius:var(--pet-radius-sm,8px);width:100%;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--pet-text-lg,1.125rem);letter-spacing:.05em;text-transform:uppercase;color:var(--pet-text-primary,#1c1917);background:var(--pet-surface,#fff);transition:border-color var(--pet-transition-fast,.15s ease), box-shadow var(--pet-transition-fast,.15s ease);box-sizing:border-box;outline:none;padding:14px 16px}.pet-code-redemption__input::placeholder{color:var(--pet-text-muted,#78716c);text-transform:uppercase}.pet-code-redemption__input:focus{border-color:var(--pet-primary,#1b2f5b);box-shadow:0 0 0 3px rgba(var(--pet-primary-rgb,27, 47, 91), .1)}.pet-code-redemption__input.has-error{border-color:var(--pet-error,#ef4444);background-color:rgba(var(--pet-error-rgb,239, 68, 68), .03)}.pet-code-redemption__input.has-error:focus{box-shadow:0 0 0 3px rgba(var(--pet-error-rgb,239, 68, 68), .1)}.pet-code-redemption__hint{font-size:var(--pet-text-sm,.875rem);color:var(--pet-text-muted,#78716c);margin:8px 0 0;line-height:1.4}.pet-code-redemption__error{font-size:var(--pet-text-sm,.875rem);color:var(--pet-error,#ef4444);margin-top:6px;display:none}.pet-code-redemption__field--checkbox{margin-bottom:var(--pet-space,24px)}.pet-code-redemption__checkbox{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.pet-code-redemption__checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--pet-primary,#1b2f5b);flex-shrink:0;margin:2px 0 0}.pet-code-redemption__checkbox-text{font-size:var(--pet-text-sm,.875rem);color:var(--pet-text-secondary,#1f2937);line-height:1.5}.pet-code-redemption__checkbox-text a{color:var(--pet-primary,#1b2f5b);text-underline-offset:2px;text-decoration:underline}.pet-code-redemption__checkbox-text a:hover{color:var(--pet-secondary,#e46e42)}.pet-code-redemption__submit{width:100%;min-height:52px;font-size:var(--pet-text-base,1rem);font-weight:var(--pet-font-semibold,600);color:#fff;background:var(--pet-primary,#1b2f5b);border:2px solid var(--pet-primary,#1b2f5b);border-radius:var(--pet-block-radius);cursor:pointer;box-shadow:var(--pet-shadow-sm,0 4px 16px #1e1c180f);justify-content:center;align-items:center;gap:8px;padding:.85rem 1.8rem;line-height:1.2;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.pet-code-redemption__submit:hover:not(:disabled){background:var(--pet-primary-dark,#0f1e3b);border-color:var(--pet-primary-dark,#0f1e3b);box-shadow:var(--pet-shadow,0 8px 24px #1e1c1814);transform:translateY(-1px)}.pet-code-redemption__submit:active:not(:disabled){transform:translateY(0)}.pet-code-redemption__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.pet-code-redemption__submit-loading{align-items:center;gap:8px;display:inline-flex}.pet-code-redemption__success,.pet-code-redemption__warning{text-align:center;padding:var(--pet-space,24px) 0}.pet-code-redemption__success-icon,.pet-code-redemption__warning-icon{width:64px;height:64px;margin:0 auto var(--pet-space-sm,16px);border-radius:50%;justify-content:center;align-items:center;display:flex}.pet-code-redemption__success-icon{background:var(--pet-success-light,#d1fae5);color:var(--pet-success,#10b981)}.pet-code-redemption__warning-icon{background:rgba(var(--pet-warning-rgb,245, 158, 11), .12);color:var(--pet-warning,#f59e0b)}.pet-code-redemption__success-icon svg,.pet-code-redemption__warning-icon svg{width:32px;height:32px}.pet-code-redemption__success h3,.pet-code-redemption__warning h3{font-size:var(--pet-text-xl,1.25rem);font-weight:var(--pet-heading-weight,600);margin:0 0 8px}.pet-code-redemption__success h3{color:var(--pet-success,#10b981)}.pet-code-redemption__warning h3{color:var(--pet-warning,#f59e0b)}.pet-code-redemption__success-message,.pet-code-redemption__warning-message{margin:0 0 var(--pet-space,24px);color:var(--pet-text-muted,#78716c);font-size:var(--pet-text-base,1rem)}.pet-code-redemption__courses-link{font-size:var(--pet-text-base,1rem);font-weight:var(--pet-font-semibold,600);border-radius:var(--pet-block-radius);justify-content:center;align-items:center;gap:8px;padding:.85rem 2rem;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.pet-code-redemption__message{padding:var(--pet-space,24px) 0}.pet-code-redemption__icon{width:48px;height:48px;margin:0 auto var(--pet-space-sm,16px);color:var(--pet-primary,#1b2f5b)}.pet-code-redemption__message h3{font-size:var(--pet-text-xl,1.25rem);font-weight:var(--pet-heading-weight,600);color:var(--pet-text-primary,#1c1917);margin:0 0 8px}.pet-code-redemption__message p{margin:0 0 var(--pet-space,24px);color:var(--pet-text-muted,#78716c)}.pet-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.75s linear infinite pet-spin;display:inline-block}.pet-spinner--sm{width:16px;height:16px}@keyframes pet-spin{to{transform:rotate(360deg)}}@media (width<=640px){.pet-code-redemption{padding:var(--pet-space,24px) var(--pet-space-sm,16px);border-radius:var(--pet-radius-sm,16px)}.pet-code-redemption__user{flex-wrap:wrap}.pet-code-redemption__logout{width:100%;margin-top:var(--pet-space-xs,8px);text-align:center}.pet-code-redemption__input{font-size:var(--pet-text-base,1rem)}}@media (prefers-reduced-motion:reduce){.pet-code-redemption__submit{transition:background .01ms,border-color .01ms}.pet-code-redemption__submit:hover:not(:disabled),.pet-code-redemption__submit:active:not(:disabled){transform:none}.pet-spinner{animation:none}}