@media (max-width: 1023px){.btn,button,.nav-link,.close-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.modal-close-btn{padding:10px!important;right:10px!important;top:10px!important}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(45%,1fr))!important;gap:1rem!important}.medals-container{overflow-x:auto;padding-bottom:1.5rem!important;scrollbar-width:none}.medals-container::-webkit-scrollbar{display:none}}@media (max-width: 768px){.container{padding:0 1rem!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}.navbar{flex-direction:column!important;gap:1rem;padding:1rem!important;margin:.5rem!important}.navbar-top{width:100%;display:flex;justify-content:space-between;align-items:center}.search-container{width:100%!important;max-width:100%!important;order:3;margin-top:.5rem}.navbar-links{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem!important}.nav-link{font-size:.9rem;padding:.5rem .8rem;flex:1 1 auto;text-align:center}.navbar-actions{width:100%;display:flex;justify-content:center;gap:1rem}.card-details-layout{grid-template-columns:1fr!important;gap:2rem!important}.card-details-image-wrapper{max-width:100%!important}.card-details-image-wrapper img{max-width:100%;height:auto}.chart-container-wrapper{width:100%!important;min-width:0!important;overflow:hidden}.auth-modal{padding:2rem 1.5rem!important;width:95%!important;max-height:90vh!important}.portfolio-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem}}@media (max-width: 375px){.catalog-grid{grid-template-columns:1fr!important}.nav-link{font-size:.8rem;padding:.4rem}h1{font-size:1.75rem!important}}:root{--bg-color: #F9F6F5;--surface-color: #FFFFFF;--text-primary: #2D1316;--text-secondary: #5B191E;--primary-color: #722F37;--primary-hover: #5B191E;--secondary-color: #DBC5C2;--border-color: #E5D3D0;--shadow-sm: 0 1px 3px rgba(114, 47, 55, .1);--shadow-md: 0 4px 6px rgba(114, 47, 55, .08), 0 2px 4px rgba(114, 47, 55, .04);--shadow-lg: 0 10px 15px -3px rgba(114, 47, 55, .1), 0 4px 6px -2px rgba(114, 47, 55, .05);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=nightshift]{--bg-color: #1A0A0B;--surface-color: #2D1316;--text-primary: #F2EAE9;--text-secondary: #DBC5C2;--primary-color: #A64753;--primary-hover: #C95A68;--secondary-color: #4A1C22;--border-color: #3E181D;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--glass-bg: rgba(45, 19, 22, .7);--glass-border: rgba(91, 25, 30, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;transition:background-color .4s ease,color .4s ease;min-height:100vh}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:16px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:var(--transition);gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #722f3763}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #722f373b}.btn-secondary{background-color:var(--secondary-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.theme-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.theme-toggle:hover{background:var(--secondary-color);transform:rotate(15deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.nav-link{color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:var(--transition)}.nav-link:hover{background:var(--secondary-color)}.active-link{background:var(--primary-color);color:#fff!important;font-weight:700}.input-field{padding:.8rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);outline:none;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition);font-family:inherit;font-size:1rem}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #722f371a}.input-field::placeholder{color:var(--text-secondary);opacity:.6}.search-container{position:relative;width:300px;max-width:100%}