*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}body{font-family:var(--font-family);background-color:var(--body-bg);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;transition:all 0.3s ease;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;hyphens:auto}header{background-color:var(--header-bg);color:var(--text-color);padding:1rem;display:flex;justify-content:center;box-shadow:var(--shadow-header);background:var(--header-bg-img);background-size:cover;transition:padding 0.3s ease}header .container{width:100%;max-width:1440px;min-width:356px;margin:0 auto;display:flex;align-items:center;gap:1rem}header .container .logo{width:191px;height:auto;margin-left:1rem;transition:all 0.3s ease}header .container .logo:hover{transform:translateY(-2px)}header .container .cabinet-menu{margin-left:auto;display:flex;align-items:center;padding:0 1rem 0 0;gap:var(--cabinet-menu-gap)}header .container .cabinet-menu button{border:solid 2px var(--button-nav-border);padding:0.5rem;background:var(--button-nav-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-main);transition:all 0.3s ease}header .container .cabinet-menu button:hover{transform:translateY(-2px)}header .container .theme-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;line-height:2.5rem}header .container .login-btn{cursor:pointer;display:inline-flex;align-items:center;color:var(--link-color);font-weight:700}header .container .login-btn img{display:block}main{flex:1 1 auto;width:100%;max-width:1440px;min-width:356px;margin:3px auto;padding:0;background-color:var(--main-bg);box-shadow:var(--shadow-main);transition:padding 0.3s ease}main .colum-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:200px}main .colum-grid .colum{display:flex;flex-direction:column;overflow:hidden;height:100%;padding:1rem}main .colum-grid .colum:first-child{padding-right:1rem}main .colum-grid .colum:nth-child(2){background-color:var(--colum-grid-colum-bg);margin-right:1rem}main .colum-grid .colum-header{font-weight:600;padding:0 0 1rem}main .colum-grid .colum-header h2{font-size:1.2rem}footer{background-color:var(--footer-bg);text-align:center;padding:0.5rem;margin-top:auto;transition:padding 0.3s ease;font-size:0.8rem}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover)}@media (max-width:1494px){main{margin:1rem;width:auto}header .container{margin:0 1rem}header .container .logo{margin-left:0}}@media (max-width:768px){header{padding:0.5rem}header .container .logo{width:160px}main{margin:0.5rem;padding:0.5rem}footer{padding:1rem;font-size:0.9rem}}@media (max-width:480px){header{flex-direction:column;align-items:stretch;gap:0.5rem}}