@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap");:root{--white:#FFFFFF;--off-white:#FAFAF8;--cream:#F5F3EF;--cream-dark:#EDE9E1;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--coffee:#6F4E37;--coffee-light:#8B6F5A;--coffee-dark:#5A3E2B;--espresso:#3C2415;--latte:#C8A882;--mocha:#967259;--caramel:#D4A574;--warm-brown:#A0785A;--success:#22C55E;--warning:#F59E0B;--error:#EF4444;--info:#3B82F6;--font-heading:"DM Serif Display",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--max-width:1280px;--header-height:80px;--main-padding-top:var(--header-height);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 30px rgba(0,0,0,0.08);--shadow-xl:0 20px 50px rgba(0,0,0,0.1);--shadow-card:0 2px 8px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.04);--shadow-card-hover:0 8px 30px rgba(0,0,0,0.08),0 16px 40px rgba(0,0,0,0.06);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{width:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--gray-800);background-color:var(--white);overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base);color:var(--gray-800)}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.2;color:var(--gray-900)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-md);color:var(--gray-600)}.frontend-main{padding-top:var(--header-height);min-height:100vh}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}@media (max-width:768px){.container{padding:0 var(--space-md)}}.section{padding:var(--space-5xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{font-size:var(--text-lg);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;height:44px}.btn-primary{background-color:var(--coffee);color:var(--white)}.btn-primary:hover{background-color:var(--coffee-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--coffee);border:1.5px solid var(--coffee)}.btn-secondary:hover{background-color:var(--coffee);color:var(--white);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--gray-700)}.btn-ghost:hover{background-color:var(--cream);color:var(--coffee)}.btn-lg{height:52px;padding:var(--space-md) var(--space-2xl);font-size:var(--text-base)}.btn-sm{height:36px;padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--gray-100)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);background-color:var(--cream);color:var(--coffee);letter-spacing:.02em}.badge-featured{background-color:var(--coffee);color:var(--white)}.input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);transition:all var(--transition-fast);height:48px}.input:focus{outline:none;border-color:var(--coffee-light);box-shadow:0 0 0 3px rgba(111,78,55,.1)}.input::placeholder{color:var(--gray-400)}.textarea{min-height:120px;height:auto;resize:vertical;line-height:1.6}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B6F5A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px;cursor:pointer;background-color:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast)}.select:hover{border-color:var(--gray-300);background-color:var(--cream)}.select:focus{outline:none;border-color:var(--coffee-light);box-shadow:0 0 0 3px rgba(111,78,55,.1);background-color:var(--white)}.label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--gray-700);margin-bottom:var(--space-xs)}.divider{height:1px;background:var(--gray-100);border:none;margin:var(--space-2xl) 0}.stars{display:inline-flex;gap:2px;color:var(--caramel)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@media (max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.section{padding:var(--space-3xl) 0}}@media (max-width:480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-coffee{color:var(--coffee)}.text-muted{color:var(--gray-500)}.font-heading{font-family:var(--font-heading)}