:root{--color-brand-50: #fdf8f6;--color-brand-100: #f2e8e5;--color-brand-200: #eaddd7;--color-brand-500: #bcaaa4;--color-brand-800: #4a403a;--color-brand-900: #2c2522;--color-navy-800: #1e293b;--color-navy-900: #0f172a;--color-primary: #176697;--color-white: #ffffff;--color-error: #ef4444;--color-warning-bg: #fff7ed;--color-warning-text: #9a3412;--color-success: #16a34a;--font-serif: "Playfair Display", serif;--font-sans: "Open Sans", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: 1rem}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-brand-50);color:var(--color-brand-900);margin:0;padding:0;line-height:1.5}a{text-decoration:none;color:inherit;transition:color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);margin:0;line-height:1.2}ul{list-style:none;padding:0;margin:0}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.hidden{display:none!important}.w-full{width:100%}.md-hidden{display:block}@media(min-width:768px){.md-hidden{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-navy-900);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-navy-800);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-brand-200);color:var(--color-brand-900)}.btn-secondary:hover{background-color:var(--color-brand-500);color:var(--color-white)}.btn-outline{border:2px solid var(--color-navy-900);color:var(--color-navy-900);background:transparent}.btn-outline:hover{background-color:#f0f9ff}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-md{padding:.75rem 1.5rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%}.app-header{background-color:var(--color-primary);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.1)}.header-inner{height:4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(min-width:768px){.header-inner{height:5rem;display:flex;justify-content:space-between;align-items:center}}.logo-group{display:flex;align-items:center;gap:.5rem;max-width:70%}.logo-icon{color:var(--color-white);flex-shrink:0;width:24px;height:24px}@media(min-width:480px){.logo-icon{width:32px;height:32px}}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.25rem;font-weight:700;color:var(--color-white);letter-spacing:-.025em;white-space:nowrap}.logo-subtitle{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#bfdbfe;display:none}@media(min-width:480px){.logo-title{font-size:1.5rem}.logo-subtitle{display:block}}.desktop-nav{display:none;gap:1.5rem}@media(min-width:1024px){.desktop-nav{gap:2.5rem}}.desktop-nav a{color:var(--color-white);font-weight:500;font-size:.9rem}.desktop-nav a:hover{color:#bfdbfe}.desktop-nav a.active{font-weight:700;text-decoration:underline;text-underline-offset:4px;color:var(--color-white)}.mobile-menu-btn{background:none;border:none;color:var(--color-white);cursor:pointer;padding:.5rem;display:block}.mobile-nav{background-color:var(--color-primary);border-bottom:1px solid rgba(255,255,255,.1);position:absolute;width:100%;z-index:40;padding:1rem 0}.mobile-nav a{display:block;padding:.75rem 1rem;color:var(--color-white);font-weight:500;text-align:center}.mobile-nav a:hover{background-color:#ffffff1a}.mobile-nav a.active{font-weight:700;background-color:#ffffff26}@media(min-width:768px){.desktop-nav{display:flex;flex:1;justify-content:center;gap:1.5rem}.mobile-menu-btn{display:none}.auth-button-container{display:flex;align-items:center;margin-left:auto}}@media(max-width:767px){.auth-button-container{display:flex;align-items:center;margin-left:auto}}.app-footer{background-color:var(--color-primary);color:#bfdbfe;padding:3rem 0}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr}.footer-col-main{grid-column:span 2}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-col-main{grid-column:auto}}.footer-title{color:var(--color-white);font-weight:700;margin-bottom:1rem}.footer-link-list li{margin-bottom:.5rem}.footer-link-list a:hover{color:var(--color-white)}.footer-copyright{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(30,64,175,.5);text-align:center;font-size:.75rem}.hero-section{position:relative;background-color:var(--color-brand-50);padding:3rem 0;overflow:hidden;text-align:center}@media(min-width:768px){.hero-section{padding:5rem 0}}.hero-logo-container{margin-bottom:2rem;display:flex;justify-content:center;width:100%}.fallback-logo{display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap}.fallback-text{text-align:left;display:flex;flex-direction:column}.hero-title{font-size:2rem;font-weight:700;color:var(--color-navy-900);margin-bottom:1rem;padding:0 1rem}.hero-title span{font-style:italic;color:var(--color-brand-800)}.hero-subtitle{font-size:1rem;color:var(--color-brand-800);margin-bottom:2rem;max-width:40rem;margin-left:auto;margin-right:auto;font-weight:300;padding:0 1rem}@media(min-width:768px){.hero-title{font-size:3.75rem;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem}.fallback-logo{gap:1.5rem;flex-wrap:nowrap}}.blob{position:absolute;width:10rem;height:10rem;border-radius:50%;filter:blur(40px);opacity:.3;animation:blob-bounce 7s infinite}@media(min-width:768px){.blob{width:16rem;height:16rem}}.blob-1{background-color:var(--color-brand-200);top:0;left:0;transform:translate(-30%,-30%)}.blob-2{background-color:#fef9c3;top:0;right:0;transform:translate(30%,-30%);animation-delay:2s}@keyframes blob-bounce{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.section-how-it-works{padding:4rem 0;background-color:var(--color-white)}.steps-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem;padding:0 1rem}.step-card{background-color:var(--color-white);padding:2rem;border-radius:var(--radius-xl);text-align:center;display:flex;flex-direction:column;align-items:center}.step-icon{width:5rem;height:5rem;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--color-navy-900)}@media(min-width:768px){.steps-grid{grid-template-columns:1fr 1fr 1fr;gap:3rem}.section-how-it-works{padding:6rem 0}}.shop-container{padding:3rem 0;background:var(--color-white)}.product-card{background-color:var(--color-brand-50);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-brand-100);display:flex;flex-direction:column;max-width:64rem;margin:0 auto}.product-image-wrapper{position:relative;height:16rem}.product-image{width:100%;height:100%;object-fit:cover}.product-details{padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.badge{background-color:var(--color-brand-200);color:var(--color-navy-900);font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;display:inline-block;margin-bottom:1rem;width:max-content}.features-list li{display:flex;gap:.75rem;color:var(--color-brand-800);margin-bottom:.75rem}.price-row{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-brand-200)}@media(min-width:500px){.price-row{flex-direction:row;justify-content:space-between;align-items:center}}@media(min-width:768px){.product-card{flex-direction:row}.product-image-wrapper{width:50%;height:auto}.product-details{width:50%;padding:3rem}}.arrange-layout{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.arrange-layout{display:grid;grid-template-columns:20rem 1fr;gap:3rem;align-items:start}}.arrange-sidebar{background:var(--color-white);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-brand-100);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:6rem}.stats-card{background:var(--color-white);border:1px solid var(--color-brand-200);border-radius:var(--radius-md);padding:1rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-item{flex:1;text-align:center;display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:1.5rem;font-weight:700;line-height:1;color:var(--color-navy-900)}.stat-number.valid{color:var(--color-success)}.stat-number.invalid{color:var(--color-error)}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand-500);font-weight:600}.stat-divider{width:1px;height:2.5rem;background-color:var(--color-brand-200);margin:0 .5rem}.upload-card-small{border:2px dashed var(--color-brand-200);border-radius:var(--radius-md);padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-brand-500);background:#fdfcfc}.upload-card-small:hover{border-color:var(--color-navy-900);background:#fff}.upload-card-small p{font-size:.875rem;margin:0}.arrange-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:12rem;color:var(--color-brand-500);text-align:center;gap:1rem}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.media-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:1024px){.media-grid{grid-template-columns:repeat(5,1fr);gap:1rem}}.media-item{aspect-ratio:1/1;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-sm);border:1px solid var(--color-brand-100)}.media-img{width:100%;height:100%;object-fit:cover}.media-index{position:absolute;top:.5rem;left:.5rem;background:#0f172acc;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;z-index:20}.media-remove{position:absolute;top:.5rem;right:.5rem;background:#ffffffe6;color:var(--color-error);border:none;border-radius:50%;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20}.media-controls{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;border-top:1px solid var(--color-brand-100);z-index:20}.control-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;color:var(--color-navy-900);border-radius:4px;display:flex;align-items:center;justify-content:center}.control-btn:hover{background-color:var(--color-brand-100)}.control-btn:disabled{color:var(--color-brand-200);cursor:default}.control-btn:disabled:hover{background-color:transparent}.mobile-reorder-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;background-color:var(--color-white);border:1px solid var(--color-brand-200);border-radius:var(--radius-lg);text-align:center;color:var(--color-brand-800);box-shadow:var(--shadow-sm)}.desktop-arrange-view{display:none}@media(min-width:1024px){.mobile-reorder-message{display:none}.desktop-arrange-view{display:block}}.checkout-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.checkout-layout{grid-template-columns:2fr 1fr}}.checkout-card{background:var(--color-white);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-brand-100);box-shadow:var(--shadow-sm);margin-bottom:2rem}.form-section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;color:var(--color-navy-900)}.step-number{background:var(--color-navy-900);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.col-span-2{grid-column:span 1}@media(min-width:768px){.col-span-2{grid-column:span 2}}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--color-brand-900)}.form-input{width:100%;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-brand-200);font-size:1rem;background-color:var(--color-white);color:var(--color-navy-900)}.form-input:focus{outline:2px solid var(--color-navy-900);border-color:transparent}.summary-card{position:relative;background:var(--color-white);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-brand-100)}@media(min-width:1024px){.summary-card{position:sticky;top:6rem}}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem}.about-hero{height:16rem;position:relative;overflow:hidden}@media(min-width:768px){.about-hero{height:24rem}}.about-hero img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) opacity(.6);mix-blend-mode:multiply}.about-content-card{background:var(--color-white);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-brand-100);position:relative;z-index:10;margin-top:-4rem;max-width:48rem;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm)}@media(min-width:768px){.about-content-card{margin-top:-8rem}}