.layout{background-color:#f3f3f3;min-height:100vh;flex-direction:column;gap:30px}.layout *{transition:all .3s ease}.layout main{display:flex;flex-direction:column;padding:20px 30px;max-width:1120px;margin:0 auto;flex-shrink:0;flex-grow:1;flex-basis:100%}.layout footer{color:#929295;max-width:1120px;margin:50px auto 0;padding:20px 30px;font-size:16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-grow:1;flex-basis:100%;border-top:solid 1px #E0E0E0;gap:10px}.layout.dark{background-color:#313037}.layout.dark footer{color:#fff}@media (max-width: 600px){.layout main{padding:20px}.layout footer{padding:20px}}.searchBar{flex-grow:1;display:flex;align-items:center;gap:10px}.searchBar input{width:100%;height:48px;border-radius:5px;border:1px solid #333;padding:0 20px;background-color:#fff;font-weight:500;font-size:16px;color:#000;font-family:Inter,sans-serif;min-height:48px;display:flex;align-items:center;justify-content:center}.searchBar input:focus{outline:none}.searchBar input::placeholder{color:#80858b}.searchBar button{border:none;background-color:transparent;cursor:pointer}.searchBar.dark input{background-color:#ffffff1a;border-color:#fff}.searchBar.dark button{color:#fff}@media (max-width: 600px){.searchBar{display:none}}.userBar{color:#313037;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:24px;height:100%;padding:0 16px}.userBar .user-info{display:flex;align-items:center;gap:12px;height:100%}.userBar .user-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:5px;overflow:hidden;background:#f0f0f0;transition:transform .2s ease}.userBar .user-avatar:hover{transform:scale(1.05)}.userBar .user-avatar .avatar{width:100%;height:100%;object-fit:cover}.userBar .user-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(130deg,#550ecc,#892aed);color:#fff}.userBar .user-name{font-weight:500;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.userBar .auth-links{display:flex;gap:12px;height:100%;align-items:center}.userBar .auth-link{background:linear-gradient(130deg,#550ecc,#892aed);border:none;color:#fff;border-radius:5px;font-weight:500;font-size:14px;cursor:pointer;height:36px;min-width:80px;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 16px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.userBar .auth-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.userBar .auth-link.sign-up{background:transparent;border:1px solid #550ECC;color:#550ecc}.userBar.dark{color:#fff}.userBar.dark .user-avatar{background:#2d2d3a}.userBar.dark .auth-link{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.userBar.dark .auth-link.sign-up{background:transparent;border-color:#ffffff4d;color:#fff}.userBar.dark .user-name{color:#fffc}@media (max-width: 600px){.userBar{display:none}}.header{display:flex;justify-content:space-between;align-items:center;gap:40px;background-color:#fff;padding:20px 30px}.header.dark{background-color:#ffffff1a}@media (max-width: 600px){.header{padding:20px}}.menuButton{display:none}.menuButton button{border:none;background-color:transparent;cursor:pointer;color:#313037;font-size:24px;padding:16px;height:56px;display:flex;align-items:center;justify-content:center}.menuButton.dark button{color:#fff}@media (max-width: 600px){.menuButton{display:block}}.pageTitle{font-size:56px;font-weight:700}.pageTitle.dark{color:#fff}@media (max-width: 600px){.pageTitle{font-size:40px}}.themeSwitcher{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;flex-shrink:0}.themeSwitcher button{width:32px;height:20px;border-radius:10px;border:none;background:#bab9bb;color:#fff;cursor:pointer;transition:background-color .3s ease;display:flex;padding:0 2px;justify-content:left;align-items:center}.themeSwitcher button:before{content:"";display:block;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:all .3s ease}.themeSwitcher button:hover,.themeSwitcher button.active{background-color:#6c1bdb}.themeSwitcher button.active:before{transform:translate(12px)}.themeSwitcher.dark button{background-color:#6c1bdb;color:#333}.themeSwitcher.dark button:before{background-color:#fff;transform:translate(12px)}.breadcrumbs{display:flex;gap:10px;color:#929295;margin-top:20px}.breadcrumbs a{text-decoration:none;color:#313037}.breadcrumbs.dark a{color:#fff}@media (max-width: 600px){.breadcrumbs{display:block}.breadcrumbs>div{display:inline}}.mobileMenu{padding:20px;display:none}.mobileMenuHead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.mobileMenuHead svg{cursor:pointer;transform:translate(-10px);transition:transform .3s ease}.mobileMenu.dark .mobileMenuHead svg{fill:#fff}@media (max-width: 600px){.mobileMenu{display:flex;flex-direction:column;gap:20px}.mobileMenu .searchBar{display:flex;margin-bottom:20px}.mobileMenu .userBar{display:block;padding:0}}.navigation{margin-bottom:60px;border-bottom:solid 1px #E0E0E0}.navigation ul{padding:0;margin:0;list-style:none;display:flex;gap:40px}.navigation ul li:last-child{margin-bottom:0}.navigation ul li a{display:flex;align-items:center;gap:10px;font-weight:500;font-size:18px;text-decoration:none;color:#80858b;padding:40px 30px;border-bottom:solid 2px transparent}.navigation ul li a.active{color:#7b61ff;border-bottom:solid 2px #313037}.navigation.dark{border-bottom:solid 1px #fff}.navigation.dark ul li a{color:#fff}.navigation.dark ul li a.active{border-bottom:solid 2px #fff}.backlink{margin-top:100px}.backlink a{display:flex;gap:10px;color:#313037;text-decoration:none;align-items:center}.backlink.dark a{color:#fff}.itemsList{display:flex;flex-wrap:wrap;gap:30px}.itemCard{display:flex;flex-direction:column;gap:10px;width:352px;background-color:#fff;border-radius:15px;overflow:hidden;flex-shrink:0;max-width:100%}.itemCard a{text-decoration:none}.itemCardImage{width:100%;height:208px;background-size:cover;position:relative}.itemCardImage:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(130deg,#4d0ac7,#912ef2);opacity:.6;transition:opacity .3s ease}.itemCard:hover{cursor:pointer;box-shadow:0 4px 20px #0000001a}.itemCard:hover .itemCardImage:before{opacity:0}.itemCardDate{color:#313037;font-size:16px;opacity:.5}.itemCardTitle{font-size:18px;font-weight:600;color:#313037}.itemCardContent{padding:30px 20px}.itemCard.dark{background-color:#00000080}.itemCard.dark .itemCardDate,.itemCard.dark .itemCardTitle{color:#fff}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:50px 0 0}.paginationButton{color:#313037;text-decoration:none;font-weight:500;font-size:16px;display:flex;align-items:center;gap:5px}.paginationButton.active{color:#6c1bdb}.paginationButton.notActive{color:#80858b;cursor:not-allowed;pointer-events:none}.paginationButtons{display:flex;gap:30px}.paginationStats{font-size:14px;opacity:.5}@media (max-width: 600px){.articlePageContent{padding:0!important}}.socials{display:flex;gap:20px;margin-bottom:30px}.socialsLink{color:#313037;width:86px;height:56px;display:flex;justify-content:center;align-items:center;border-radius:5px;background-color:#e0e0e0}.socials.dark .socialsLink{color:#313037}.articlePageImage{border-radius:15px;overflow:hidden;margin-bottom:40px}.articlePageImage img{width:100%;height:auto;margin:0 auto;display:block}.articlePageContent{padding:0 40px;font-size:18px;color:#313037;line-height:1.5}.articlePageContent .source{margin-bottom:30px}.articlePageContent a{color:#313037}.articlePage.dark .articlePageContent,.articlePage.dark a{color:#fff}.registrationPage,.loginPage{display:flex;justify-content:center;align-items:center;flex-direction:column}.registrationPageForm,.loginPageForm{background:#fff;border-radius:15px;padding:40px;width:544px;max-width:100%}.registrationPageFormGroup,.loginPageFormGroup{margin-bottom:20px}.registrationPageForm label,.loginPageForm label{display:block;margin-bottom:10px}.registrationPageForm input[type=text],.registrationPageForm input[type=password],.loginPageForm input[type=text],.loginPageForm input[type=password]{padding:10px;border-radius:5px;border:solid 1px #EBEBEB;display:flex;align-items:center;width:100%;background:#fff;font-family:Inter,sans-serif;font-size:16px}.registrationPageForm input[type=text]::placeholder,.registrationPageForm input[type=password]::placeholder,.loginPageForm input[type=text]::placeholder,.loginPageForm input[type=password]::placeholder{font-family:Inter,sans-serif;font-size:16px}.registrationPageForm button,.loginPageForm button{padding:10px;border-radius:5px;border:none;background:#6c1bdb;color:#fff;font-weight:500;font-size:16px;cursor:pointer;margin-bottom:10px}.registrationPageForm button:hover,.loginPageForm button:hover{background:#550ecc}.registrationPageForm form,.loginPageForm form{display:flex;flex-direction:column;gap:10px}.registrationPageForm p,.loginPageForm p{color:#8d8e97;text-align:center}.registrationPageForm p.error,.loginPageForm p.error{color:red}.registrationPageForm.dark,.loginPageForm.dark{background:#45444b;color:#fff}.registrationPageForm.dark input[type=text],.registrationPageForm.dark input[type=password],.loginPageForm.dark input[type=text],.loginPageForm.dark input[type=password]{background:#57565d;border-color:transparent;color:#fff}.registrationPageForm.dark input[type=text]::placeholder,.registrationPageForm.dark input[type=password]::placeholder,.loginPageForm.dark input[type=text]::placeholder,.loginPageForm.dark input[type=password]::placeholder{color:#abaaae}.profile button{padding:10px 30px;border-radius:5px;border:none;background:#6c1bdb;color:#fff;font-weight:500;font-size:16px;cursor:pointer;margin-bottom:10px}.profile button:hover{background:#550ecc}button,input,select,textarea{border-radius:10px;border:none;background-color:#323537;box-sizing:border-box}