:root{--primary: #c68a4c;--primary-hover: #b07436;--secondary: #5e503f;--accent: #d05a3f;--accent-light: #fdf2f0;--bg-cream: #faf7f2;--bg-white: #ffffff;--bg-toast: #f2e9dc;--text-dark: #2c2520;--text-medium: #5c524a;--text-light: #9a8c80;--success: #52796f;--success-light: #f0f5f3;--warning: #e76f51;--warning-light: #fff8f5;--border-color: #e6dfd5;--border-light: #f3eee6;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--shadow-sm: 0 4px 12px rgba(44, 37, 32, .03);--shadow-md: 0 12px 30px rgba(44, 37, 32, .06);--shadow-lg: 0 20px 48px rgba(44, 37, 32, .1);--shadow-inner: inset 0 2px 4px rgba(44, 37, 32, .05);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-cream);color:var(--text-dark);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:var(--text-light);border:3px solid var(--bg-cream);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-medium)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;letter-spacing:.2px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-primary{background-color:var(--primary);color:var(--bg-cream)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-white);color:var(--text-dark);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-toast);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-accent{background-color:var(--accent);color:var(--bg-white)}.btn-accent:hover{background-color:#be4a30;transform:translateY(-2px)}.btn:disabled{background-color:var(--text-light);color:var(--bg-cream);cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-family:var(--font-display);font-weight:600}.badge-warning{background-color:var(--accent-light);color:var(--accent)}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-info{background-color:var(--border-light);color:var(--secondary)}.section-header{text-align:center;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.section-header h2{font-size:2.8rem;margin-bottom:12px;color:var(--text-dark);position:relative}.section-header h2:after{content:"🥖";display:block;font-size:1.2rem;margin:10px auto 0}.section-header p{color:var(--text-medium);font-size:1.1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-bottom:60px}.card{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);display:flex;flex-direction:column;height:100%}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--border-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceCart{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.anim-fade-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.anim-pop{animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2c252066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:32px;position:relative;border:1px solid var(--border-color);animation:popIn .4s cubic-bezier(.16,1,.3,1) both}.modal-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:var(--bg-toast);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);color:var(--text-dark)}.modal-close-btn:hover{background:var(--border-color);transform:rotate(90deg)}.form-group{margin-bottom:20px}.form-label{display:block;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--text-dark);margin-bottom:8px}.form-control{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-cream);color:var(--text-dark);transition:var(--transition-smooth)}.form-control:focus{border-color:var(--primary);background-color:var(--bg-white);box-shadow:0 0 0 3px #c68a4c26}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235c524a' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px}.relationship-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.tab-btn{padding:10px;border-radius:var(--radius-sm);background:var(--bg-toast);border:1px solid var(--border-light);font-size:.85rem;font-family:var(--font-display);font-weight:500;text-align:center;transition:var(--transition-fast);color:var(--text-medium)}.tab-btn:hover{background:var(--border-color)}.tab-btn.active{background:var(--primary);color:var(--bg-cream);border-color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.form-help{font-size:.8rem;color:var(--text-light);margin-top:4px}.hero{padding:120px 0 80px;background:linear-gradient(180deg,var(--bg-toast) 0%,var(--bg-cream) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(var(--text-light) .5px,transparent .5px);background-size:24px 24px;opacity:.12;pointer-events:none}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}.hero-subtitle{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:16px}.hero-title{font-size:4rem;margin-bottom:24px;color:var(--text-dark);font-family:var(--font-serif);font-weight:700}.hero-desc{font-size:1.25rem;color:var(--text-medium);margin-bottom:32px;line-height:1.7}.bake-notice{background:var(--bg-white);border-left:4px solid var(--primary);padding:20px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:16px;text-align:left;margin-bottom:24px;animation:popIn .5s ease .2s both;border:1px solid var(--border-light);border-left-width:5px}.bake-notice-icon{font-size:2.2rem;background:var(--bg-toast);width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bake-notice-content h4{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--primary);margin-bottom:2px}.bake-notice-content p{color:var(--text-dark);font-weight:500;font-size:.9rem}.bake-notice-meta{font-size:.8rem;color:var(--text-medium)}@media (max-width: 768px){.hero-title{font-size:2.6rem}.hero-desc{font-size:1.1rem}.section-header h2{font-size:2.2rem}.bake-notice{flex-direction:column;text-align:center;align-items:center;width:100%}.relationship-tabs{grid-template-columns:repeat(2,1fr)}.modal-content{padding:24px 16px}}