@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--color-bg-base: #F5F0E8;--color-bg-surface: #EDE5D4;--color-bg-card: #FFFFFF;--color-action-primary: #C4622D;--color-action-hover: #E8804A;--color-action-deep: #A3420F;--color-action-disabled: rgba(196, 98, 45, .35);--color-action-focus: rgba(196, 98, 45, .3);--color-action-tint-bg: rgba(196, 98, 45, .08);--color-action-tint-border: rgba(196, 98, 45, .28);--color-text-heading: #1E1A14;--color-text-body: #6B5C44;--color-text-muted: #9E9385;--color-text-label: #5C4A32;--color-border-subtle: rgba(30, 26, 20, .08);--color-border-strong: rgba(30, 26, 20, .18);--shadow-subtle: 0 2px 12px rgba(30, 26, 20, .07);--shadow-medium: 0 6px 24px rgba(30, 26, 20, .11);--shadow-strong: 0 12px 40px rgba(30, 26, 20, .16);--color-success: #5C6B2E;--color-success-bg: rgba(92, 107, 46, .1);--color-success-border: rgba(92, 107, 46, .28);--color-error: #C0392B;--color-error-bg: rgba(192, 57, 43, .07);--color-error-border: rgba(192, 57, 43, .28);--color-warning: #92400E;--color-warning-bg: rgba(146, 64, 14, .08);--color-warning-border: rgba(146, 64, 14, .25);--color-status-pending-bg: rgba(146, 64, 14, .08);--color-status-pending-border: rgba(146, 64, 14, .25);--color-status-pending-text: #92400E;--color-status-processing-bg: rgba(196, 98, 45, .08);--color-status-processing-border: rgba(196, 98, 45, .28);--color-status-processing-text: #C4622D;--color-status-shipped-bg: rgba(30, 78, 216, .07);--color-status-shipped-border: rgba(30, 78, 216, .22);--color-status-shipped-text: #1D4ED8;--color-status-delivered-bg: rgba(92, 107, 46, .1);--color-status-delivered-border: rgba(92, 107, 46, .28);--color-status-delivered-text: #5C6B2E;--color-star: #F59E0B;--dur-instant: 80ms;--dur-fast: .15s;--dur-normal: .22s;--dur-slow: .35s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.64, 0, .78, 0);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);font-family:Inter,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-heading);background-color:var(--color-bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-base)}#root{width:100%;min-height:100vh}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6,.font-playfair,.font-display{font-family:Plus Jakarta Sans,system-ui,sans-serif}.glass-panel{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:12px;box-shadow:var(--shadow-subtle)}.skeuo-shadow{box-shadow:var(--shadow-subtle)}.gold-glow{transition:box-shadow var(--dur-normal) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.gold-glow:hover{box-shadow:var(--shadow-medium);border-color:var(--color-action-tint-border)}.shimmer-cta{background:var(--color-action-primary)!important;color:var(--color-bg-card)!important;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);box-shadow:0 2px 8px var(--color-action-disabled)}.shimmer-cta:hover:not(:disabled){background:var(--color-action-hover)!important;box-shadow:var(--shadow-medium)}.shimmer-cta:active:not(:disabled){background:var(--color-action-deep)!important;transform:scale(.98);box-shadow:0 1px 4px var(--color-action-disabled);transition-duration:var(--dur-instant)}.shimmer-cta:focus-visible{outline:3px solid var(--color-action-focus);outline-offset:3px}.shimmer-cta:disabled{background:var(--color-action-disabled)!important;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-outline:hover:not(:disabled){border-color:var(--color-action-tint-border);background:var(--color-action-tint-bg);color:var(--color-action-primary);box-shadow:var(--shadow-subtle)}.btn-outline:active:not(:disabled){transform:scale(.98);transition-duration:var(--dur-instant)}.btn-outline:focus-visible{outline:2px solid var(--color-action-focus);outline-offset:2px}.btn-danger{transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-danger:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-subtle)}.btn-danger:active:not(:disabled){transform:scale(.98);transition-duration:var(--dur-instant)}.btn-danger:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.input-field{transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input-field:hover:not(:focus){border-color:var(--color-border-strong)}.input-field:focus{border-color:var(--color-action-primary)!important;box-shadow:0 0 0 3px var(--color-action-focus);outline:none}.nav-link{position:relative;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.nav-link:after{content:"";position:absolute;bottom:4px;left:12px;right:12px;height:2px;background:var(--color-action-primary);border-radius:1px;transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-normal) var(--ease-out)}.nav-link:hover{color:var(--color-action-primary)}.nav-link:hover:after,.nav-link-active:after{transform:scaleX(1)}.nav-link:focus-visible{outline:2px solid var(--color-action-focus);outline-offset:2px;border-radius:8px}.text-link{transition:color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.text-link:hover{color:var(--color-action-primary);opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes wave-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.float-anim{animation:float 6s ease-in-out infinite}.fade-in{animation:fadeInUp .4s ease both}.wave-container{overflow:hidden;position:relative;width:100%;height:120px;line-height:0;margin-top:-5px}.wave-container svg{display:block;width:200%;height:100%;animation:wave-slide 20s linear infinite;fill:var(--color-bg-base)}@media (prefers-reduced-motion: reduce){.float-anim,.wave-container svg{animation:none}.gold-glow,.shimmer-cta,.btn-outline,.btn-danger,.nav-link,.nav-link:after,.input-field{transition:none}.gold-glow:hover,.shimmer-cta:hover:not(:disabled),.btn-outline:hover:not(:disabled),.btn-danger:hover:not(:disabled){transform:none}}
