.index{background-color:#fff;flex-direction:column;gap:30px;min-height:100vh;padding:20px;display:flex;overflow:hidden}.index__header{color:#fff;background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:96%;height:70px;padding:0 20px;display:flex;box-shadow:0 4px 6px #0000001a}.index__search-bar{color:#333;background-color:#fff;border:1px solid #ccc;border-radius:5px;width:70%;padding:10px;transition:border-color .3s,box-shadow .3s}.index__search-bar:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.index__search-bar_count{color:#fff;background-color:red;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-6px;right:-7px}.index__user-icon{align-items:center;column-gap:10px;width:270px;display:flex;position:relative}.index__modal{z-index:100;opacity:0;background-color:#fff;border-radius:10px;width:200px;height:80px;transition:opacity .3s,transform .3s;display:none;position:absolute;top:69px;right:-20px;transform:scale(.95);box-shadow:0 4px 6px #0000001a}.index__modal.active{opacity:1;display:block;transform:scale(1)}.index__modals{z-index:100;color:#000;opacity:0;background-color:#fff;border-radius:10px;width:300px;height:auto;transition:opacity .3s,transform .3s;display:none;position:absolute;top:69px;right:-20px;transform:scale(.95);box-shadow:0 4px 6px #0000001a}.index__modals h4{text-align:center}.index__modals.active{opacity:1;display:block;transform:scale(1)}.index__modals-item{background:#f8f9fa;border-radius:8px;align-items:center;margin-bottom:10px;padding:10px;transition:background .3s;display:flex;box-shadow:0 2px 5px #0000000d}.index__modals-item:hover{background:#e9ecef}.index__modals-item:last-child{margin-bottom:0}.index__modals-icon{color:#007bff;margin-right:10px;font-size:20px}.index__modals-text{color:#333;font-size:14px;line-height:1.5}.index__user-block1{text-align:right;color:#475569;width:270px;margin-top:10px;font-size:14px;font-style:italic;line-height:0;position:relative}.index__user-block1 img{cursor:pointer}.index__user-img{cursor:pointer;background-color:#007bff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:transform .3s;display:flex;transform:scale(1)}.index__user-img:hover{transform:scale(1.1)}.index__modal-link{color:#333;border-bottom:1px solid #f0f0f0;padding:10px 15px;font-size:15px;font-weight:500;text-decoration:none;display:block}.index__modal-link:hover{color:#007bff;background-color:#f9f9f9}.index__modal-link:last-child{border-bottom:none}.index__slider-section{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a}.index__slider-section--title{color:#1e293b;text-align:center;margin-bottom:10px;font-size:20px}.index__slider{width:100%;height:450px;position:relative;overflow:hidden}.index__track{transition:transform .5s ease-in-out;display:flex}.index__slide{flex:0 0 100%;position:relative}.index__slide img{object-fit:cover;width:100%;height:100%}.index__caption{color:#fff;text-align:center;background-color:#000000b3;border-radius:5px;max-width:90%;padding:5px 10px;font-size:14px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.index__controls{justify-content:space-between;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.index__controls button{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.index__controls button:hover{background:#000c}.index__dots{justify-content:center;gap:5px;margin-top:10px;display:flex}.index__dots button{cursor:pointer;background-color:#d1d5db;border:none;border-radius:50%;width:10px;height:10px;transition:background .3s}.index__dots button.active{background-color:#1e293b}.index__info-section{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a}.index__info-section--title{color:#1e293b;margin-bottom:10px;font-size:20px}.index__info-section--text{color:#475569;font-size:16px;line-height:1.6}.index__news-section{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a}.index__news-section--title{color:#1e293b;margin-bottom:10px;font-size:20px}.index__news-item{background-color:#f1f5f9;border-radius:8px;align-items:flex-start;column-gap:30px;margin-bottom:15px;padding:15px;display:flex;box-shadow:0 4px 6px #0000001a}.index__news-item img{border-radius:10px;width:20%}.index__news-item h3{color:#1e293b;font-size:18px}.index__news-item p{color:#475569;font-size:14px;line-height:2}.index__beautiful-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:10px;padding:30px;box-shadow:0 4px 10px #0000001a}.index__beautiful-content{text-align:center;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a}.index__beautiful-content h2{color:#1e293b;font-size:24px}.index__beautiful-content p{color:#475569;font-size:16px;line-height:1.6}.index__stats-section{justify-content:center;width:100%;margin-top:40px;display:flex}.index__stats{text-align:center;justify-content:center;align-items:center;column-gap:40px;font-size:24px;display:flex}.index__stats p{font-size:16px}.index__stats-item{max-width:800px}.index__stats-item p{font-size:18px}.index__footer-content{text-align:center;max-width:1200px;margin:0 auto}.index__footer-title{margin-bottom:10px;font-family:Arial,sans-serif;font-size:36px;font-weight:700}.index__footer-text{color:#b0c4d0;margin-bottom:30px;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}.index__footer-icons{justify-content:center;gap:20px;display:flex}.index__footer-icon{justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex}.index__footer-icon img{width:100%;height:auto}.index__footer-icon:hover{transform:scale(1.1)}.index__develop{background-color:#f9fafc;border-radius:10px;width:97%;padding:20px;box-shadow:0 8px 15px #0000001a}.index__develop--title{text-align:center;margin-bottom:40px}.index__develop--title h1{color:#333;margin-bottom:10px;font-size:2rem}.index__develop--title p{color:#555;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.index__develop-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.index__develop-card{background-color:#fff;border-radius:15px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 6px 12px #0000001a}.index__develop-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.index__develop-card-content{padding:10px}.index__develop-card-content h3{color:#007bff;margin-bottom:10px;font-size:1.5rem}.index__develop-card-content p{color:#666;margin-bottom:15px;font-size:1rem;line-height:1.6}.index__develop-card-content button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:700;transition:background-color .3s,transform .2s;display:inline-block}.index__develop-card-content button:hover{background-color:#0056b3}.index__develop-card-content button:active{transform:scale(.98)}.index__develop-img{background-position:50%;background-size:cover;width:100%;height:200px}.notion-slider{position:relative}.notion-slider h1{font-weight:500}.notion-slider__container{background:#f8f9fa;border-radius:12px;width:100%;height:500px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000001a}.notion-slider__container:hover{box-shadow:0 8px 25px #0000001f,0 3px 10px #00000014}.notion-slider__track{height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.notion-slider__slide{flex:0 0 100%;justify-content:center;align-items:center;display:flex;position:relative}.notion-slider__slide[data-active=true] .notion-slider__image{transform:scale(1)}.notion-slider__slide[data-active=true] .notion-slider__text{opacity:1;transform:translateY(0)}.notion-slider__image-container{width:100%;height:100%;position:relative}.notion-slider__image{object-fit:cover;filter:brightness(.95);width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);transform:scale(1.05)}.notion-slider__overlay{pointer-events:none;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;inset:0}.notion-slider__content{background:linear-gradient(#0000 0%,#0006 50%,#000000b3 100%);padding:48px 40px 40px;position:absolute;bottom:0;left:0;right:0}.notion-slider__text{color:#fff;text-align:center;opacity:0;text-shadow:0 2px 8px #0006;max-width:800px;margin:0 auto;font-size:28px;font-weight:600;line-height:1.3;transition:all .6s cubic-bezier(.25,.46,.45,.94) .2s;transform:translateY(20px)}@media (max-width:768px){.notion-slider__text{padding:0 20px;font-size:22px}}.notion-slider__btn{color:#000c;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a}.notion-slider__btn:hover{color:#000;background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #0003,0 2px 6px #00000026}.notion-slider__btn:active{transform:translateY(-50%)scale(.95)}.notion-slider__btn--prev{left:24px}.notion-slider__btn--next{right:24px}.notion-slider__btn svg{width:20px;height:20px}.notion-slider__progress{z-index:10;gap:8px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.notion-slider__progress-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.notion-slider__progress-dot:hover{background:#ffffffb3;transform:scale(1.2)}.notion-slider__progress-dot.active{background:#fff;transform:scale(1.3)}.notion-slider__counter{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;position:absolute;bottom:24px;right:24px}.notion-slider__current{font-weight:600}.notion-slider__separator{opacity:.6;margin:0 4px}.notion-slider__total{opacity:.8}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.notion-slider{margin:16px 0}.notion-slider__container{border-radius:8px;height:400px}.notion-slider__content{padding:32px 24px 24px}.notion-slider__btn{width:40px;height:40px}.notion-slider__btn--prev{left:16px}.notion-slider__btn--next{right:16px}.notion-slider__btn svg{width:16px;height:16px}.notion-slider__progress{bottom:80px}.notion-slider__counter{padding:6px 12px;font-size:12px;bottom:16px;right:16px}}@media (max-width:480px){.notion-slider__container{height:300px}.notion-slider__content{padding:24px 16px 16px}.notion-slider__text{font-size:18px}.notion-slider__btn{width:36px;height:36px}.notion-slider__btn--prev{left:12px}.notion-slider__btn--next{right:12px}}.index__gallery-section{background-color:#f8fafc;border-radius:10px;margin-top:20px;padding:30px;box-shadow:0 4px 6px #0000001a}.index__gallery-title{color:#1e293b;text-align:center;margin-bottom:35px;font-size:34px}.index__gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.index__gallery-section.empty{background-color:#f0f0f0}.index__gallery.empty-gallery{justify-content:center;align-items:center;height:200px;display:flex}.index__empty-gallery{color:#777;text-align:center;font-size:18px}.index__gallery-item{border-radius:10px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.index__gallery-item:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.index__gallery-image{width:100%;height:auto;transition:transform .3s;display:block}.index__gallery-image:hover{transform:scale(1.1)}.index__gallery-item:after{content:"";opacity:0;z-index:1;background:linear-gradient(#0000 60%,#00000080);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.index__gallery-item:hover:after{opacity:1}.footer{color:#fff;text-align:center;background-color:#002b45;padding:30px}.footer__content{max-width:1200px;margin:0 auto}.footer__title{margin-bottom:15px;font-family:Arial,sans-serif;font-size:36px;font-weight:700}.footer__text{color:#b0c4d0;font-family:Arial,sans-serif;font-size:16px;line-height:1.5}.footer__text a{color:#0af;text-decoration:none}.footer__text a:hover{text-decoration:underline}
.notion-footer{color:#1a1a1a;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-top:1px solid #00000014;margin-top:80px;position:relative;overflow:hidden}.notion-footer__container{z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px 24px;position:relative}.notion-footer__accent{opacity:.9;background:linear-gradient(90deg,#667eea,#ecb847,#f56565);height:2px;position:absolute;top:0;left:0;right:0}.notion-footer__content{margin-bottom:60px}.notion-footer__main{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}@media (max-width:968px){.notion-footer__main{grid-template-columns:1fr;gap:60px}}@media (max-width:768px){.notion-footer__main{gap:40px}}.notion-footer__brand{flex-direction:column;gap:32px;display:flex}.notion-footer__logo{align-items:flex-start;gap:20px;display:flex}.notion-footer__logo-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.notion-footer__title-section{flex:1}.notion-footer__title{background:linear-gradient(135deg,#1a1a1a 0%,#4a5568 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.2}.notion-footer__description{color:#000000b3;max-width:400px;margin:0;font-size:18px;line-height:1.6}.notion-footer__social{flex-direction:column;gap:16px;display:flex}.notion-footer__social-link{color:#000000b3;border-radius:8px;align-items:center;gap:16px;padding:12px 0;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.notion-footer__social-link:hover{color:#1a1a1a;transform:translate(8px)}.notion-footer__social-link:hover .notion-footer__social-icon{background:#0000001a;transform:scale(1.15)}.notion-footer__social-icon{color:#4a5568;background:#0000000d;border:1px solid #0000001a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.notion-footer__newsletter{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #0000001f;border-radius:20px;height:fit-content;padding:40px;box-shadow:0 10px 30px #0000000d}.notion-footer__newsletter-content{flex-direction:column;gap:20px;display:flex}.notion-footer__newsletter-title{color:#1a1a1a;margin:0;font-size:24px;font-weight:700;line-height:1.2}.notion-footer__newsletter-text{color:#000000b3;margin:0;font-size:16px;line-height:1.6}.notion-footer__newsletter-form{gap:16px;margin-top:16px;display:flex}@media (max-width:480px){.notion-footer__newsletter-form{flex-direction:column}}.notion-footer__newsletter-input{color:#1a1a1a;background:#fff;border:1px solid #0003;border-radius:12px;flex:1;padding:16px 20px;font-size:16px;transition:all .3s}.notion-footer__newsletter-input::placeholder{color:#00000080}.notion-footer__newsletter-input:focus{background:#fff;border-color:#667eea;outline:none;transform:translateY(-2px);box-shadow:0 5px 15px #667eea1a}.notion-footer__newsletter-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.notion-footer__newsletter-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #667eea66}.notion-footer__newsletter-button svg{transition:transform .3s}.notion-footer__newsletter-button:hover svg{transform:translate(3px)}.notion-footer__bottom{border-top:1px solid #0000001f;justify-content:space-between;align-items:center;padding-top:32px;display:flex}@media (max-width:768px){.notion-footer__bottom{text-align:center;flex-direction:column;gap:24px}}.notion-footer__legal{align-items:center;gap:40px;display:flex}@media (max-width:768px){.notion-footer__legal{flex-direction:column;gap:20px}}.notion-footer__copyright{color:#0009;font-size:15px}.notion-footer__legal-links{gap:32px;display:flex}@media (max-width:480px){.notion-footer__legal-links{flex-direction:column;gap:16px}}.notion-footer__legal-link{color:#0009;font-size:15px;text-decoration:none;transition:color .3s}.notion-footer__legal-link:hover{color:#1a1a1a}.notion-footer__back-to-top{align-items:center;display:flex}.notion-footer__back-to-top-btn{color:#0009;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000d;border:1px solid #00000026;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.notion-footer__back-to-top-btn:hover{color:#1a1a1a;background:#0000001a;border-color:#00000040;transform:translateY(-3px)}@media (max-width:768px){.notion-footer{margin-top:60px}.notion-footer__container{padding:60px 20px 20px}.notion-footer__main{gap:40px}.notion-footer__logo{text-align:center;flex-direction:column;align-items:center;gap:16px}.notion-footer__title{font-size:28px}.notion-footer__description{max-width:100%;font-size:16px}.notion-footer__newsletter{padding:32px}}@media (max-width:480px){.notion-footer__container{padding:40px 16px 16px}.notion-footer__newsletter{padding:24px}.notion-footer__social-link{font-size:15px}}
.notion-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #00000014;padding:12px 0;position:sticky;top:0}.notion-header__content{justify-content:space-between;align-items:center;max-width:1350px;margin:0 auto;padding:0 24px;display:flex}.notion-header__search-container{background:#0000000a;border:1px solid #0000;border-radius:8px;flex:0 400px;align-items:center;transition:all .2s;display:flex;position:relative}.notion-header__search-container:hover{background:#0000000f}.notion-header__search-container:focus-within{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000001a}.notion-header__search-icon{color:#0006;padding:0 12px;font-size:12px;font-weight:500}.notion-header__search{color:#000c;background:0 0;border:none;flex:1;padding:8px 0;font-size:14px}.notion-header__search::placeholder{color:#0006}.notion-header__search:focus{outline:none}.notion-header__search-shortcut{color:#0006;background:#0000000f;border-radius:4px;margin:0 8px;padding:0 12px;font-size:11px}.notion-header__actions{align-items:center;gap:16px;display:flex}.notion-header__notifications{position:relative}.notion-header__notification-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.notion-header__notification-btn:hover{background:#0000000f}.notion-header__bell-icon{color:#0009;position:relative}.notion-header__notification-badge{color:#fff;background:#e54d4d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.notion-header__profile{align-items:center;gap:12px;display:flex;position:relative}.notion-header__user-info{flex-direction:column;align-items:flex-end;display:flex}.notion-header__username{color:#000c;font-size:14px;font-weight:500}.notion-header__user-email{color:#00000080;font-size:12px}.notion-header__avatar{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:36px;height:36px;transition:all .2s}.notion-header__avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.notion-header__avatar-initial{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:flex}.notion-header .notion-dropdown{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #0000001a;border-radius:8px;min-width:320px;margin-top:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-8px);box-shadow:0 8px 24px #0000001f}.notion-header .notion-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.notion-header .notion-dropdown__header{border-bottom:1px solid #0000000f;padding:16px}.notion-header .notion-dropdown__user{align-items:center;gap:12px;display:flex}.notion-header .notion-dropdown__avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.notion-header .notion-dropdown__username{color:#000000e6;font-weight:600}.notion-header .notion-dropdown__email{color:#00000080;font-size:12px}.notion-header .notion-dropdown__count{color:#667eea;font-size:12px;font-weight:500}.notion-header .notion-dropdown__content{max-height:400px;padding:8px 0;overflow-y:auto}.notion-header .notion-dropdown__empty{text-align:center;color:#00000080;padding:32px 24px}.notion-header .notion-dropdown__empty p{margin:8px 0 4px;font-weight:500}.notion-header .notion-dropdown__empty span{font-size:12px}.notion-header .notion-dropdown__empty-icon{margin-bottom:8px;font-size:32px}.notion-header .notion-dropdown__footer{border-top:1px solid #0000000f;gap:12px;padding:12px 16px;display:flex}.notion-header .notion-dropdown__action{cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:4px;flex:1;padding:8px 12px;font-size:12px;transition:all .2s}.notion-header .notion-dropdown__action:hover{background:#0000000a}.notion-header .notion-dropdown__item{color:#000c;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;text-decoration:none;transition:background .2s;display:flex}.notion-header .notion-dropdown__item:hover{background:#0000000a}.notion-header .notion-dropdown__item--danger{color:#e54d4d}.notion-header .notion-dropdown__item--danger:hover{background:#e54d4d14}.notion-header .notion-dropdown__icon{text-align:center;width:16px}.notion-header .notion-dropdown__divider{background:#0000000f;height:1px;margin:8px 0}.notion-header .notion-notification{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.notion-header .notion-notification:hover{background:#0000000a}.notion-header .notion-notification.unread{background:#667eea0a}.notion-header .notion-notification__icon{align-items:center;gap:8px;display:flex;position:relative}.notion-header .notion-notification__dot{background:#667eea;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.notion-header .notion-notification__content{flex:1}.notion-header .notion-notification__text{color:#000c;margin:0 0 4px;font-size:13px;line-height:1.4}.notion-header .notion-notification__time{color:#0006;font-size:11px}@media (max-width:768px){.notion-header__content{padding:0 16px}.notion-header__search-container{flex:1;margin-right:12px}.notion-header__search-shortcut,.notion-header__user-info{display:none}.notion-header .notion-dropdown{border-radius:12px 12px 0 0;min-width:auto;max-height:80vh;margin:0;position:fixed;inset:auto 0 0}}
.main{align-items:flex-start;min-height:100vh;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex}.main__block{flex-shrink:0}.main__content{background:#fff;flex:1;width:calc(100vw - 260px);min-height:100vh;margin-left:255px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.main__content--expanded{width:calc(100vw - 72px);margin-left:72px}@media (max-width:768px){.main__content,.main__content--expanded{width:100vw}}