.header{background:#f3edf7;box-shadow:0 4px 4px #00000040,0 1px 3px #0000004d;padding:18px 20px;position:relative;overflow:hidden;min-height:70px}.header__content,.header__form{display:flex;justify-content:space-between;align-items:center;left:20px;right:20px;top:0;bottom:0;transition:.5s}.header__content_hide{position:absolute;transform:translateY(100%)}.header__form_hide{position:absolute;transform:translateY(-100%)}.header__lang{font-size:22px;font-weight:700;text-transform:uppercase}button{border:none;color:inherit}.header__title{font-weight:400;font-size:22px;line-height:28px;text-align:center;color:#1c1b1f}.header__input{background:transparent;border:none;font-size:16px;line-height:20px;outline:none;color:inherit}.header__input::placeholder{color:#9d9d9d}.notes{margin-top:30px}.notes__top{display:flex;justify-content:space-between;align-items:center}.notes__title{font-size:22px;font-weight:400;line-height:28px;color:#323232}.notes__btn{font-family:Roboto;border:none;outline:none;background:linear-gradient(0deg,#6750a41c,#6750a41c),#fffbfe;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;border-radius:16px;cursor:pointer;width:120px;height:56px;display:flex;align-items:center;justify-content:center;gap:15px}.notes__btn span{color:#6750a4;font-size:14px;line-height:20px;font-weight:500}.card{background:linear-gradient(0deg,#6750a40d,#6750a40d),#fffbfe;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;border-radius:16px;padding:16px 16px 28px}.active .card{display:flex;flex-wrap:wrap;gap:30px}.card__img{width:100%;height:200px;object-fit:cover;border-radius:16px;margin-bottom:15px}.active .card__img{max-width:200px}.card__title{font-size:16px;font-weight:500;color:#1c1b1f;line-height:24px;letter-spacing:.1px}.card__date{font-size:14px;line-height:20px;letter-spacing:.25px;color:#cac4d0}.card__desc{font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:15px;margin-bottom:30px}.card__controls{display:flex;justify-content:flex-end;gap:15px}.card__btn{display:flex;align-items:center;gap:10px;padding:12px;background:transparent;color:#6750a4;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;text-transform:uppercase;border-radius:5px}.card__btn_red{color:#cf1b1b}.card__btn:hover{background:#e6ddff}.card__btn_red:hover{background:#ffe1e1}.notes__list{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.notes__list.active{grid-template-columns:1fr}.card__content{display:flex;justify-content:space-between;align-items:center}.modal{background:#00000059;position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:99;transition:.5s}.modal_hide{opacity:0;transform:scale(1.5)}.modal__form{background:linear-gradient(0deg,#6750a41c,#6750a41c),#fffbfe;border-radius:28px;max-width:400px;width:100%;padding:24px;overflow:auto;max-height:100vh}.modal__form::-webkit-scrollbar{width:5px}.modal__form::-webkit-scrollbar-thumb{background:#6750a4}.modal__title{color:#1c1b1f;font-size:24px;line-height:32px;margin-bottom:16px}.modal__content{display:flex;flex-direction:column;gap:16px}.modal__content label{background:#e7e0ec;display:flex;flex-direction:column;padding:8px 16px;border-bottom:1px solid var(--color)}.modal__content span{color:#6750a4;font-size:12px;line-height:16px}.modal__content input,.modal__content textarea{color:#49454f;font-size:16px;line-height:24px;resize:none}.modal__controls{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.modal__btn{font-size:14px;line-height:20px;text-transform:uppercase;padding:12px;background:transparent;border-radius:5px;color:#6750a4;font-weight:500}.modal__btn_red{color:#cf1b1b}.modal__btn:hover{background:#e6ddff}.modal__btn_red:hover{background:#ffe1e1}.add__btn{background:linear-gradient(0deg,#6750a41c,#6750a41c),#fffbfe;border-radius:16px;width:56px;height:56px;position:fixed;right:30px;bottom:30px;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}@font-face{font-family:Montserrat;src:url(./Montserrat-Regular-D3UCWjz4.ttf);font-weight:400}@font-face{font-family:Montserrat;src:url(./Montserrat-Medium-DW6Dzcuv.ttf);font-weight:500}@font-face{font-family:Montserrat;src:url(./Montserrat-Bold-nPtuWU9B.ttf);font-weight:700}:root{--body: #fff;--color: #000}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat}a{text-decoration:none;color:inherit}ul{list-style:none}body{background:var(--body);color:var(--color)}.container{max-width:1224px;width:100%;padding:0 12px;margin:0 auto}input,textarea,button{font-family:inherit;color:inherit;font-size:inherit;background:transparent;border:none;outline:none}