:root{--container-width: 50%;--primary-color: #218182;--primary-dark: #174955;--primary-light: #65b7b9;--primary-lighter: #edffff;--secondary-color: #273043;--accent-color: #ff7962;--success-color: #4CAF50;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eaeaea;--bg-dark: #279798;--text-primary: #333333;--text-secondary: #666666;--text-light: #e3e3e3;--text-white: #ffffff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .15);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600;line-height:1.2;margin:0}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;transition:all var(--transition-base);border:none;outline:none}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.flex{display:flex}.gap-20{gap:20px}.align-center{align-items:center}.ta-left{text-align:left}.ta-right{text-align:right}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (max-width: 1600px){:root{--container-width: 70%}}@media (max-width: 1100px){:root{--container-width: 80%}}@media (max-width: 900px){:root{--container-width: 90%}}@media (max-width: 768px){html{font-size:14px}}