:root{--primary: #2c2c2c;--primary-dark: #1a1a1a;--primary-light: #404040;--secondary: #8b7355;--secondary-dark: #6b5943;--accent: #a0826d;--accent-dark: #8b7355;--bg-primary: #faf8f5;--bg-secondary: #f5f1ec;--bg-tertiary: #e8e3dd;--bg-card: #ffffff;--bg-overlay: rgba(255, 255, 255, .95);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #767676;--text-inverse: #ffffff;--border: #d4cdc5;--border-light: #e8e3dd;--border-dark: #b8b0a8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 28px rgba(0, 0, 0, .15);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: 2px;--radius: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2c2c2c;--bg-tertiary: #3a3a3a;--bg-card: #252525;--bg-overlay: rgba(37, 37, 37, .95);--text-primary: #f5f1ec;--text-secondary: #d4cdc5;--text-muted: #a09990;--text-inverse: #1a1a1a;--border: #404040;--border-light: #3a3a3a;--border-dark: #2c2c2c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 28px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);margin:0;letter-spacing:-.02em}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin:0;color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;background:none}button:disabled{opacity:.6;cursor:not-allowed}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-dark) var(--bg-secondary)}::selection{background:var(--primary);color:#fff}::-moz-selection{background:var(--primary);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}}.container-fluid{max-width:100%;padding:0 var(--spacing-lg)}@media (max-width: 768px){.container-fluid{padding:0 var(--spacing-md)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-sm)!important}.mt-2{margin-top:var(--spacing-md)!important}.mt-3{margin-top:var(--spacing-lg)!important}.mt-4{margin-top:var(--spacing-xl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-sm)!important}.mb-2{margin-bottom:var(--spacing-md)!important}.mb-3{margin-bottom:var(--spacing-lg)!important}.mb-4{margin-bottom:var(--spacing-xl)!important}@media (max-width: 1200px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@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 pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}