:root{--primary: #C29A76;--background: #0A2D39;--white: #F9FEF8;--grey: #8AA6B7;--detail: #1A3D49;--hero-gradient-start: #0A2D39;--hero-gradient-end: #C29A76;--accent: #C29A76;--text-light: #FCD9B7;--text-dark: #0A2D39;--border: #2A4D59;--shadow-color: rgba(10, 45, 57, .2);--shadow-hover: rgba(10, 45, 57, .3);--header-bg: rgba(10, 45, 57, .95);--header-scroll-bg: rgba(10, 45, 57, .98);--color-primary-50: #faf6f2;--color-primary-100: #f4ede5;--color-primary-200: #e9dbc9;--color-primary-300: #dec9ad;--color-primary-400: #d3b791;--color-primary-500: #C29A76;--color-primary-600: #C29A76;--color-primary-700: #9a7b5e;--color-primary-800: #735c46;--color-primary-900: #4d3d2e;--color-gray-50: #f8fafb;--color-gray-100: #e8eef2;--color-gray-200: #d1dde5;--color-gray-300: #baccd8;--color-gray-400: #a3bbcb;--color-gray-500: #8AA6B7;--color-gray-600: #6e859a;--color-gray-700: #536473;--color-gray-800: #1A3D49;--color-gray-900: #0A2D39;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #8AA6B7;--font-family: "Inter", "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: var(--font-family);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-1: var(--spacing-xs);--spacing-2: var(--spacing-sm);--spacing-3: .75rem;--spacing-4: var(--spacing-md);--spacing-5: 1.25rem;--spacing-6: var(--spacing-lg);--spacing-8: var(--spacing-xl);--spacing-10: 2.5rem;--spacing-12: var(--spacing-2xl);--spacing-16: var(--spacing-3xl);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(10, 45, 57, .05);--shadow-md: 0 4px 6px -1px rgba(10, 45, 57, .1), 0 2px 4px -1px rgba(10, 45, 57, .06);--shadow-lg: 0 10px 15px -3px rgba(10, 45, 57, .1), 0 4px 6px -2px rgba(10, 45, 57, .05);--shadow-xl: 0 20px 25px -5px rgba(10, 45, 57, .1), 0 10px 10px -5px rgba(10, 45, 57, .04);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--white);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--spacing-md);color:var(--white)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--text-light)}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}ul,ol{padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-sm)}img{max-width:100%;height:auto;display:block}main{position:relative;z-index:1;isolation:isolate;padding-top:64px;min-height:calc(100vh - 64px)}@media(min-width:768px){main{padding-top:72px;min-height:calc(100vh - 72px)}}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px}button,a,[role=button]{-webkit-tap-highlight-color:transparent}.scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}::selection{background-color:var(--primary);color:var(--white)}::-moz-selection{background-color:var(--primary);color:var(--white)}@media(max-width:480px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);font-weight:500;line-height:1.5;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;outline:none}.btn svg{width:18px;height:18px;flex-shrink:0}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:var(--background);box-shadow:0 2px 8px #c29a7640}.btn-primary:hover:not(:disabled){background:#d4a574;box-shadow:0 4px 16px #c29a7659;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-light);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:var(--white)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:var(--background)}.btn-ghost{background:transparent;color:var(--text-light)}.btn-ghost:hover:not(:disabled){background:#ffffff14;color:var(--white)}.btn-danger{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 16px #ef444459;transform:translateY(-2px)}.btn-success{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 16px #10b98159;transform:translateY(-2px)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);gap:var(--spacing-1)}.btn-sm svg{width:14px;height:14px}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base);gap:var(--spacing-3)}.btn-lg svg{width:20px;height:20px}.btn-icon{padding:var(--spacing-2);width:40px;height:40px}.btn-icon.btn-sm{width:32px;height:32px;padding:var(--spacing-1)}.btn-icon.btn-lg{width:48px;height:48px;padding:var(--spacing-3)}.card{background:var(--detail);border:1px solid var(--border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-base)}.card:hover{border-color:#c29a764d;box-shadow:0 12px 32px #0003}.card-body{padding:var(--spacing-6)}.card img{width:100%;height:auto;object-fit:cover;transition:transform var(--transition-base)}.card:hover img{transform:scale(1.03)}.card-interactive:hover{transform:translateY(-4px)}.card-flat,.card-flat:hover{box-shadow:none}.form-group{margin-bottom:var(--spacing-6)}.form-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);margin-bottom:var(--spacing-2)}.form-label svg{width:16px;height:16px;opacity:.7}.form-label-required:after{content:"*";color:#ef4444;margin-left:2px}.form-input,.form-textarea,.form-select,.input,.textarea,.select{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-family:inherit;line-height:1.5;color:var(--white);background-color:var(--background);border:1px solid var(--border);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--grey)}.form-input:hover,.form-textarea:hover,.form-select:hover,.input:hover,.textarea:hover,.select:hover{border-color:#ffffff26}.form-input:focus,.form-textarea:focus,.form-select:focus,.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c29a7626}.input-group{position:relative}.input-group .form-input{padding-left:var(--spacing-10)}.input-group-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--grey);pointer-events:none}.form-input.is-error,.input-error{border-color:#ef4444}.form-input.is-error:focus,.input-error:focus{box-shadow:0 0 0 3px #ef444426}.form-error{display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:#ef4444}.form-error svg{width:14px;height:14px;flex-shrink:0}.form-help{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--grey)}.star-rating{display:inline-flex;align-items:center;gap:2px}.star-rating-btn{padding:2px;background:none;border:none;cursor:pointer;transition:transform var(--transition-fast)}.star-rating-btn:hover{transform:scale(1.15)}.star-rating-btn svg{width:24px;height:24px;color:var(--border);transition:color var(--transition-fast)}.star-rating-btn.active svg,.star-rating-btn:hover svg{color:#fbbf24;fill:#fbbf24}.star-rating-btn.half svg{color:#fbbf24}.star-rating-sm .star-rating-btn svg{width:16px;height:16px}.star-rating-lg .star-rating-btn svg{width:32px;height:32px}.star-display{display:inline-flex;align-items:center;gap:2px}.star-display svg{width:16px;height:16px}.star-display svg.filled{color:#fbbf24;fill:#fbbf24}.star-display svg.empty{color:var(--border)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-full)}.badge svg{width:12px;height:12px}.badge-primary,.badge-movie{background:#c29a7626;color:var(--primary);border:1px solid rgba(194,154,118,.3)}.badge-series{background:#9333ea26;color:#a78bfa;border:1px solid rgba(147,51,234,.3)}.badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-4)}.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.dropdown-trigger{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:var(--spacing-2);min-width:200px;background-color:var(--detail);border:1px solid var(--border);border-radius:var(--border-radius-lg);box-shadow:0 16px 48px #0006;padding:var(--spacing-2) 0;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.dropdown.open .dropdown-menu,.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item svg{width:18px;height:18px;opacity:.7}.dropdown-item:hover svg{opacity:1}.dropdown-divider{height:1px;background:var(--border);margin:var(--spacing-2) 0}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--grey)}.breadcrumb-item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.breadcrumb-link{color:var(--grey);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-separator{color:var(--border)}.breadcrumb-separator svg{width:14px;height:14px}.breadcrumb-current{color:var(--text-light);font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-8)}.pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-3);font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);background:transparent;border:1px solid var(--border);border-radius:var(--border-radius-md);text-decoration:none;transition:all var(--transition-fast)}.pagination-item:hover:not(.active):not(.disabled){background:#ffffff0d;border-color:#ffffff26;color:var(--white)}.pagination-item.active{background:var(--primary);border-color:var(--primary);color:var(--background)}.pagination-item.disabled{opacity:.5;cursor:not-allowed}.pagination-item svg{width:16px;height:16px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#D4A574);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--background);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-2xl)}.divider{height:1px;background:var(--border);margin:var(--spacing-6) 0}.divider-vertical{width:1px;height:auto;align-self:stretch;margin:0 var(--spacing-4)}.skeleton{background:linear-gradient(90deg,var(--border) 25%,rgba(255,255,255,.1) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--spacing-2)}.skeleton-text:last-child{width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:var(--border-radius-full)}.skeleton-image{width:100%;aspect-ratio:16/9}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:var(--spacing-2) var(--spacing-3);background:var(--white);color:var(--background);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--border-radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1000}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon svg{width:100%;height:100%}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.grid{display:grid;gap:var(--spacing-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hidden{display:none!important}.visible{display:block!important}.loading{opacity:.6;pointer-events:none;cursor:wait}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .4s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.spin{animation:spin 1s linear infinite}@media(max-width:480px){.container{padding:0 15px}}@media(min-width:640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex{display:flex}.sm\\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media(min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:text-6xl{font-size:3.75rem}}@media(min-width:1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}@media(min-width:1280px){.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}[x-cloak]{display:none!important}.navbar{position:fixed;top:0;left:0;right:0;width:100%;z-index:9990;background-color:var(--background);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media(min-width:640px){.navbar-container{padding:0 var(--spacing-6)}}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:64px}@media(min-width:768px){.navbar-content{height:72px}}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;transition:opacity var(--transition-fast)}.navbar-brand:hover{opacity:.9}.navbar-logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#D4A574 100%);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #c29a764d;flex-shrink:0}@media(min-width:768px){.navbar-logo-icon{width:40px;height:40px;border-radius:var(--border-radius-lg)}}.navbar-logo-icon svg{width:20px;height:20px;color:var(--background)}@media(min-width:768px){.navbar-logo-icon svg{width:22px;height:22px}}.navbar-logo-text{font-size:1.25rem;font-weight:700;color:var(--white);letter-spacing:-.02em}@media(min-width:768px){.navbar-logo-text{font-size:1.5rem}}.navbar-logo-text span{color:var(--primary)}.navbar-nav{display:none;align-items:center;gap:var(--spacing-1);margin-left:var(--spacing-8)}@media(min-width:768px){.navbar-nav{display:flex}}.navbar-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.navbar-link svg{width:18px;height:18px;opacity:.7}.navbar-link:hover{color:var(--white);background-color:#ffffff14}.navbar-link:hover svg{opacity:1}.navbar-link.active{color:var(--primary);background-color:#c29a761f}.navbar-link.active svg{opacity:1;color:var(--primary)}.navbar-right{display:none;align-items:center;gap:var(--spacing-3)}@media(min-width:768px){.navbar-right{display:flex}}.navbar-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-md);text-decoration:none;transition:all var(--transition-fast)}.navbar-btn svg{width:18px;height:18px}.navbar-btn-ghost{color:var(--text-light)}.navbar-btn-ghost:hover{color:var(--white);background-color:#ffffff14}.navbar-btn-primary{background:var(--primary);color:var(--background)}.navbar-btn-primary:hover{background:#d4a574;box-shadow:0 4px 12px #c29a764d}.navbar-user{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ffffff0d;border:1px solid var(--border);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.user-menu-btn:hover{background:#ffffff1a;border-color:#ffffff26}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),#D4A574);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:var(--background)}.user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chevron{width:16px;height:16px;color:var(--grey);transition:transform var(--transition-fast)}.user-menu-btn[aria-expanded=true] .user-chevron{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--detail);border:1px solid var(--border);border-radius:var(--border-radius-lg);box-shadow:0 16px 48px #0006;overflow:hidden;z-index:9999}.user-dropdown-header{padding:var(--spacing-4);border-bottom:1px solid var(--border)}.user-dropdown-name{font-size:var(--font-size-sm);font-weight:600;color:var(--white);margin-bottom:2px}.user-dropdown-email{font-size:var(--font-size-xs);color:var(--grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-body{padding:var(--spacing-2) 0}.user-dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-light);text-decoration:none;background:none;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.user-dropdown-item svg{width:18px;height:18px;opacity:.7}.user-dropdown-item:hover{background:#ffffff0d;color:var(--white)}.user-dropdown-item:hover svg{opacity:1}.user-dropdown-item.admin{color:var(--primary)}.user-dropdown-item.admin:hover{background:#c29a761a}.user-dropdown-footer{padding:var(--spacing-2) 0;border-top:1px solid var(--border)}.user-dropdown-item.logout{color:#ef4444}.user-dropdown-item.logout:hover{background:#ef44441a}.navbar-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;padding:0;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-toggle:hover,.navbar-toggle:active{background:#ffffff1f;border-color:var(--primary)}.navbar-toggle:focus{outline:2px solid var(--primary);outline-offset:2px}.navbar-toggle-line{width:22px;height:2px;background-color:var(--text-light);border-radius:2px;transition:all var(--transition-fast)}.navbar-toggle-line+.navbar-toggle-line{margin-top:5px}.navbar-toggle[aria-expanded=true] .navbar-toggle-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggle[aria-expanded=true] .navbar-toggle-line:nth-child(2){opacity:0}.navbar-toggle[aria-expanded=true] .navbar-toggle-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;inset:64px 0 0;background:var(--background);border-top:1px solid var(--border);padding:var(--spacing-4);padding-bottom:env(safe-area-inset-bottom,var(--spacing-4));overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:9998;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.mobile-menu.open{display:block;opacity:1;transform:translateY(0);animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.mobile-menu{display:none!important}}.mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.mobile-nav-link{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);min-height:56px;font-size:var(--font-size-lg);font-weight:500;color:var(--text-light);text-decoration:none;border-radius:var(--border-radius-lg);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid transparent}.mobile-nav-link svg{width:24px;height:24px;opacity:.7;flex-shrink:0}.mobile-nav-link:hover,.mobile-nav-link:active,.mobile-nav-link.active{background:#c29a761f;color:var(--primary);border-color:#c29a7633}.mobile-nav-link:hover svg,.mobile-nav-link:active svg,.mobile-nav-link.active svg{opacity:1;color:var(--primary)}.mobile-divider{height:1px;background:var(--border);margin:var(--spacing-4) 0}.mobile-auth{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-2) 0}.mobile-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);min-height:52px;font-size:var(--font-size-base);font-weight:600;border-radius:var(--border-radius-lg);text-decoration:none;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-btn svg{width:22px;height:22px;flex-shrink:0}.mobile-btn-ghost{color:var(--text-light);border:1px solid var(--border);background:#ffffff08}.mobile-btn-ghost:hover,.mobile-btn-ghost:active{background:#ffffff14;color:var(--white);border-color:var(--primary)}.mobile-btn-primary{background:var(--primary);color:var(--background);border:1px solid var(--primary);box-shadow:0 4px 12px #c29a7640}.mobile-btn-primary:hover,.mobile-btn-primary:active{background:#d4a574;box-shadow:0 6px 16px #c29a7659;transform:translateY(-1px)}.mobile-user-info{padding:var(--spacing-4);background:#ffffff08;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-4)}.mobile-user-name{font-size:var(--font-size-base);font-weight:600;color:var(--white)}.mobile-user-email{font-size:var(--font-size-sm);color:var(--grey);margin-top:2px}.admin-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:2px var(--spacing-2);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-radius:var(--border-radius-full)}.hamburger{display:none}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background-color:var(--detail);border:1px solid var(--border);border-radius:var(--border-radius-lg);box-shadow:0 16px 48px #0006;min-width:200px;overflow:hidden;z-index:9999}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-light);text-decoration:none;background:none;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item:hover{background:#ffffff0d;color:var(--white)}.user-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ffffff0d;border:1px solid var(--border);border-radius:var(--border-radius-lg);cursor:pointer;color:var(--text-light);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.user-button:hover{background:#ffffff1a;border-color:#ffffff26}.dropdown-arrow{width:16px;height:16px;color:var(--grey)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);background:transparent;border:1px solid var(--border);border-radius:var(--border-radius-md);text-decoration:none;transition:all var(--transition-fast)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;color:var(--white)}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500;background:var(--primary);color:var(--background);border-radius:var(--border-radius-md);text-decoration:none;transition:all var(--transition-fast)}.btn-primary:hover{background:#d4a574;box-shadow:0 4px 12px #c29a764d}.footer{background-color:var(--background);border-top:1px solid var(--border);margin-top:auto}.footer-content{max-width:1280px;margin:0 auto;padding:var(--spacing-10) var(--spacing-4)}@media(min-width:640px){.footer-content{padding:var(--spacing-16) var(--spacing-6)}}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-10)}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand{max-width:360px}.footer-logo{display:inline-flex;align-items:center;gap:var(--spacing-3);text-decoration:none;margin-bottom:var(--spacing-4)}.footer-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#D4A574 100%);border-radius:var(--border-radius-lg)}.footer-logo-icon svg{width:22px;height:22px;color:var(--background)}.footer-logo-text{font-size:1.5rem;font-weight:700;color:var(--white);letter-spacing:-.02em}.footer-logo-text span{color:var(--primary)}.footer-description{font-size:var(--font-size-sm);color:var(--grey);line-height:1.7;margin-bottom:var(--spacing-6)}.footer-social{display:flex;gap:var(--spacing-3)}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--border-radius-lg);color:var(--grey);transition:all var(--transition-fast)}.footer-social-link svg{width:20px;height:20px}.footer-social-link:hover{background:var(--primary);border-color:var(--primary);color:var(--background);transform:translateY(-2px)}.footer-links-column{min-width:0}.footer-heading{font-size:var(--font-size-sm);font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--grey);text-decoration:none;transition:all var(--transition-fast)}.footer-link svg{width:16px;height:16px;opacity:.7;flex-shrink:0}.footer-link:hover{color:var(--primary)}.footer-link:hover svg{opacity:1;color:var(--primary)}.footer-credits{margin-bottom:var(--spacing-4)}.footer-credit-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-light);margin:0 0 2px}.footer-credit-company{font-size:var(--font-size-sm);color:var(--grey);margin:0}.footer-tech{margin-top:var(--spacing-4)}.footer-tech-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ffffff0d;border:1px solid var(--border);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);color:var(--grey)}.footer-tech-badge svg{width:14px;height:14px}.footer-bottom{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--border);text-align:center}.footer-copyright{font-size:var(--font-size-sm);color:var(--grey);margin:0}.page-header{background:var(--background);color:var(--white);padding:120px 0 60px;text-align:center;border-bottom:1px solid var(--border)}.page-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.page-subtitle{font-size:var(--font-size-xl);opacity:.9;max-width:600px;margin:0 auto}.section-title{font-size:var(--font-size-5xl);text-align:center;margin-bottom:var(--spacing-2xl);color:var(--white)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.post-content-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl);max-width:1200px;margin:0 auto}.post-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.post-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--spacing-2xl);align-items:center;margin-top:var(--spacing-xl)}.post-hero-image{height:400px;border-radius:var(--border-radius-lg);overflow:hidden;position:relative}.post-hero-content{padding:var(--spacing-xl)}.post-hero .post-meta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.posts-section,.gallery-section,.post-content-section{padding:var(--spacing-3xl) 0}.newsletter-section{padding:var(--spacing-3xl) 0;background:var(--detail);color:var(--white);text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.newsletter-content h3{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.newsletter-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);opacity:.9}.tips-section{padding:var(--spacing-3xl) 0;background-color:var(--detail)}.tip-card{background:var(--background);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;box-shadow:0 4px 20px var(--shadow-color);transition:transform var(--transition-base);border:1px solid var(--border)}.tip-card:hover{transform:translateY(-5px)}.tip-icon{width:60px;height:60px;background:var(--accent);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);border:2px solid var(--border)}.tip-icon i{font-size:var(--font-size-2xl);color:var(--white)}.tip-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--white)}.tip-card p{color:var(--text-light);line-height:1.6}@media(max-width:768px){.section-title,.page-title{font-size:var(--font-size-4xl)}.page-header{padding:100px 0 40px}.featured-grid,.categories-grid,.posts-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.post-hero{grid-template-columns:1fr;gap:var(--spacing-xl)}.post-hero-image{height:300px}.post-content-wrapper{grid-template-columns:1fr;gap:var(--spacing-xl)}}@media(max-width:480px){.page-header{padding:100px 0 40px}.page-title{font-size:var(--font-size-3xl)}.posts-section,.gallery-section,.post-content-section{padding:60px 0}}