.page{margin:0;padding:0}.page__content{max-width:1360px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;height:68px;background:#fff;border:none;font-family:Cabinet Grotesk,sans-serif;position:sticky;top:0;z-index:100;width:100%}.headerLeft{display:flex;align-items:center;gap:20px}.headerLogo{display:flex;align-items:center;gap:10px;height:40px}.headerLogoText{font-weight:900;letter-spacing:0;color:#000}.headerMeta{display:flex;align-items:center;gap:8px;color:#555;font-size:14px;padding-left:12px}.headerDate{font-weight:600;color:#222}.headerLocation{color:#777;display:flex;align-items:center}.headerNav{display:flex;align-items:center;gap:20px}.addBtn{display:flex;align-items:center;gap:6px;background:transparent;color:#000;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.02em;transition:opacity .15s;font-family:inherit}.addBtn:hover{opacity:.7}.addBtn:focus{outline:2px solid #000;outline-offset:2px}.addBtn:focus:not(:focus-visible){outline:none}.plus{font-size:18px;line-height:1}.user{display:flex;align-items:center;gap:10px}.userName{font-size:14px;font-weight:600;color:#222}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #e8c97e}.headerToggle{display:none;background:none;border:none;font-size:24px;cursor:pointer}@media (max-width: 768px){.headerToggle{display:block}.headerNav{display:none;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px 40px;box-shadow:0 4px 12px #0000001a;z-index:99}.headerNavOpened{display:flex}.header{position:relative}}.weather-card{background-size:contain;background-repeat:no-repeat;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;height:80px;width:100%;max-width:1360px}.weather-card__temp{color:#fff;font-family:Cabinet Grotesk;font-size:36px;font-weight:700;padding:20px 16px;margin:0}.card{width:100%;font-family:Cabinet Grotesk;list-style:none;position:relative}.cardsList{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:100%;margin:0 auto;padding:0}.cardHeader{position:relative;border-radius:8px}.cardName{position:absolute;top:15px;left:50%;transform:translate(-50%);background-color:#fff;border-radius:4px;padding:2px 12px}.cardImage{max-width:100%;max-height:328px;border:solid #0000004d 1px;aspect-ratio:1;border-radius:8px;box-sizing:border-box}@media (max-width: 1024px){.cardsList{display:flex}}@media (max-width: 768px){.cardsList{gap:10px}}@media (max-width: 480px){.card{width:100%}.cards{padding-left:20px;padding-right:20px}.cardsList{flex-direction:column}}.main{width:100%}.cards{width:100%;margin:0}.footer{display:flex;justify-content:space-between;align-items:center;height:68px;font-family:Cabinet Grotesk,sans-serif;font-size:14px;font-weight:600;color:#555}.footer__developer,.footer__year{margin:0}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal__container{position:relative;background:#fff;border-radius:16px;padding:28px;width:496px;box-shadow:0 12px 48px #0000002e;font-family:Cabinet Grotesk,sans-serif}.modal__title{margin:0 0 24px;font-size:16px;color:#1a1a2e}.modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;cursor:pointer}.modal__form{display:flex;flex-direction:column}.modal__submit{width:124px;padding:10px 0;margin-top:24px;margin-bottom:8px;background:#000;color:#fff;border:none;border-radius:4px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}.modal__submit:disabled{opacity:30%;cursor:not-allowed}.modal__submit:hover:not(:disabled){opacity:60%}.formGroup{margin-bottom:24px}.formGroupHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.modalLabel{display:block;font-size:16px;font-weight:700;margin-bottom:0;color:#000}.modalLabelError{color:red}.modalInput{width:100%;border-style:none;border-bottom:1px solid #000;font-size:16px;box-sizing:border-box;padding:0;font-family:inherit;font-weight:700}.modalRadio{font-family:inherit;font-weight:700;font-size:16px}.modalRadioTitle{margin-top:0;margin-bottom:0}.modalRadioHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modalRadio input[type=radio]{margin-bottom:8px}.modalRadio input[type=radio]:not(:checked)+label{opacity:.5}.modalInputError{border-color:#f009;color:red}.modalError{margin-top:8px;display:none;color:red;opacity:.7;font-size:16px;font-weight:500}.modalErrorVisible{display:block}.itemModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.itemModalContainer{position:relative;background:#fff;border-radius:16px;width:360px;box-shadow:0 12px 48px #0000002e;font-family:Cabinet Grotesk,sans-serif;overflow:hidden}.itemModalClose{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;cursor:pointer}.itemModalImage{width:100%;height:300px;object-fit:cover}.itemModalFooter{padding:16px}.itemModalName{font-size:16px;font-weight:700;margin:0 0 8px}.itemModalWeather{font-size:14px;color:#777;margin:0}@font-face{font-family:Cabinet Grotesk;font-weight:100 900;src:url(/se_project_react/assets/CabinetGrotesk-Variable-BZl-SSEF.woff2) format("woff2")}