@import"https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}[class*=__container]{padding:0 64px;max-width:1312px;margin:0 auto}[class*=__link]{font-size:var(--font-size);cursor:pointer;text-decoration:underline}:root{--color-bg-light: #f8f7ff;--color-bg-light-soft: #e7e7e7;--color-bg-dark: #0c090d;--color-bg-dots: #333333;--color-text-light: #f8f7ff;--color-text-dark: #0c090d;--color-text-dark-soft: #bfbfbf;--color-primary: #00bce4;--color-primary-dark: #0091b2;--color-primary-light: #00d0ff;--font-family-main: "Onest", sans-serif;--font-size: 36px;--font-size-title: 40px}@media screen and (max-width: 1050px){:root{--font-size: 24px;--font-size-title: 36px}}html{font-family:var(--font-family-main);background-color:var(--color-bg-light)}.button{background-color:var(--color-primary);border:none;border-radius:16px;padding:8px 16px;color:var(--color-text-light);font-weight:700;font-size:24px;transition:all .1s;cursor:pointer}.button:hover{background-color:var(--color-primary-light);transform:scale(1.03)}h1{font-weight:700;font-size:36px}h2{font-weight:700;font-size:24px}a{color:var(--color-primary);font-weight:700}.paragraph{font-size:24px;font-weight:500}.bold{font-weight:700}.graph{overflow:hidden}.dots-bg-dark{background-color:var(--color-bg-dark);background-image:radial-gradient(var(--color-bg-dots) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;color:var(--color-text-light)}.dots-bg-light{background-color:var(--color-bg-light);background-image:radial-gradient(var(--color-bg-light-soft) 1px border-radius 1px,transparent 1px);background-size:20px 20px;background-position:0 0;color:var(--color-text-dark)}[class*=bold]{font-weight:700}[class*=_blue]{color:var(--color-primary)}textarea,input{border:none;background-color:var(--color-bg-light-soft);font-family:var(--font-family-main);font-weight:light;font-size:20px;border-radius:16px;padding:8px 16px;max-width:100%;resize:none}textarea::placeholder,input::placeholder{color:var(--color-text-dark-soft)}.header{padding:24px 0}.about-us{padding:24px 0;height:500px}@media screen and (max-width: 1050px){.about-us{height:100%}}.about-us__container{display:flex}@media screen and (max-width: 1050px){.about-us__container{display:block}}.about-us__left-side{flex:0 0 50%}@media screen and (max-width: 1050px){.about-us__left-side{flex:100%}}.about-us__left-side *{margin-top:12px}.about-us__left-side *:first-child{margin-top:0}.about-us__title,.about-us__large{color:var(--color-primary);font-size:var(--font-size)}.about-us__paragraph{font-size:var(--font-size);color:var(--color-text-light)}.about-us__paragraph_bold{font-weight:700;color:var(--color-primary)}.about-us__right-side{position:relative;left:4rem;top:-18rem}@media screen and (max-width: 1050px){.about-us__right-side{display:none}}.about-us__image{width:946px}.about-us__link{color:var(--color-text-light);text-decoration:none}ul{list-style-type:disc;list-style-position:inside}.who-we-are{padding:24px 0;overflow:hidden}.who-we-are__title{margin-top:12px;margin-bottom:4px;font-size:var(--font-size-title)}.who-we-are__container{display:flex}@media screen and (max-width: 1050px){.who-we-are__container{display:block}}.who-we-are__image{position:relative;left:4rem}@media screen and (max-width: 1050px){.who-we-are__image{display:none}}.who-we-are__left-side{flex:0 0 40%}.who-we-are__paragraph{font-size:var(--font-size)}.services{padding:48px 0;margin-top:48px}.services__title,.services__item{font-size:var(--font-size)}.services__need-help{font-size:36px;font-weight:700;margin-top:12px;font-size:var(--font-size)}.portfolio{padding:48px 0;margin-top:48px}.portfolio__title{font-size:var(--font-size);text-align:center;margin-bottom:48px;color:var(--color-text-dark)}.portfolio__loading,.portfolio__error,.portfolio__empty{text-align:center;font-size:var(--font-size);color:var(--color-text-dark-soft);padding:48px 0}.portfolio__error{color:#e74c3c}.portfolio__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:24px}@media screen and (max-width: 768px){.portfolio__grid{grid-template-columns:1fr;gap:24px}}.portfolio__item{background:var(--color-bg-light);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;cursor:pointer;transition:all .3s ease}.portfolio__item:hover{box-shadow:0 8px 30px #00000026}.portfolio__item-image{width:100%;height:200px;overflow:hidden;position:relative}.portfolio__item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio__item-image:hover img{transform:scale(1.05)}.portfolio__item-placeholder{width:100%;height:100%;background:var(--color-bg-light-soft);display:flex;align-items:center;justify-content:center;color:var(--color-text-dark-soft);font-size:18px}.portfolio__item-content{padding:24px}.portfolio__item-title{font-size:24px;font-weight:700;color:var(--color-text-dark);margin-bottom:12px}.portfolio__item-description{font-size:16px;color:var(--color-text-dark-soft);line-height:1.5;margin-bottom:16px}.portfolio__item-link{color:var(--color-primary);font-weight:700;font-size:16px;text-decoration:underline}.portfolio__item-link:hover{color:var(--color-primary-light)}.portfolio__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.portfolio__modal{background:var(--color-bg-light);border-radius:16px;max-width:800px;max-height:90vh;width:100%;overflow-y:auto;position:relative}.portfolio__modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;cursor:pointer;color:var(--color-text-dark-soft);z-index:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.portfolio__modal-close:hover{background:var(--color-bg-light-soft);color:var(--color-text-dark)}.portfolio__modal-content{padding:32px}.portfolio__modal-title{font-size:32px;font-weight:700;color:var(--color-text-dark);margin-bottom:24px;padding-right:48px}.portfolio__modal-images{margin-bottom:24px}.portfolio__modal-images img{width:100%;margin-bottom:16px;border-radius:8px}.portfolio__modal-images img:last-child{margin-bottom:0}.portfolio__modal-description{font-size:18px;line-height:1.6;color:var(--color-text-dark);margin-bottom:24px}.portfolio__modal-meta{font-size:14px;color:var(--color-text-dark-soft);border-top:1px solid var(--color-bg-light-soft);padding-top:16px}.how-we-work{margin-top:48px}.how-we-work__title{font-size:var(--font-size)}.how-we-work__list{list-style:decimal inside;font-weight:700;font-size:var(--font-size);margin-top:4px;margin-bottom:12px}.how-we-work__list-item_light{font-weight:500}.clients{padding:60px 0;background-color:var(--color-bg-light);overflow:hidden;text-align:center;--slide-width: 250px}.clients__title{font-size:var(--font-size-title);font-weight:700;color:var(--color-text-dark);margin-bottom:40px}.clients__slider{position:relative;width:100%;display:grid;place-items:center}.clients__slide-track{display:flex;width:calc(var(--slide-width) * var(--logo-count) * 2);animation:scroll 40s linear infinite}.clients__slide{height:100px;width:var(--slide-width);display:flex;align-items:center;justify-content:center;padding:0 40px}.clients__slide img{max-width:100%;max-height:100%;filter:grayscale(100%);transition:filter .3s ease}.clients__slide img:hover{filter:grayscale(0%)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--slide-width) * var(--logo-count)))}}.get-in-touch{margin-top:48px}.get-in-touch__container{display:flex}@media screen and (max-width: 1050px){.get-in-touch__container{display:block}}.get-in-touch__title,.get-in-touch__paragraph{font-size:var(--font-size)}.get-in-touch__left-side{flex:0 0 30%}.get-in-touch__right-side{width:100%;margin-left:12px}@media screen and (max-width: 1050px){.get-in-touch__right-side{margin-left:0}}.get-in-touch__form{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 2fr 1fr;gap:12px}@media screen and (max-width: 1050px){.get-in-touch__form{display:flex;flex-direction:column;margin-top:1rem}}.get-in-touch__form input[type=text]{grid-column:1;grid-row:1}.get-in-touch__form input[type=text]{grid-column:2;grid-row:1}.get-in-touch__form textarea{grid-column:1/span 2}.get-in-touch__form button{grid-row:3;grid-column:1/span 2}.footer{margin-top:48px}.footer__container{padding:24px 0}.footer__container p{font-weight:light;color:var(--color-text-dark-soft);font-size:1rem}.admin-panel{min-height:100vh;background:var(--color-bg-light);padding:48px 0}.admin-panel__container{max-width:1200px;margin:0 auto;padding:0 24px}.admin-panel__title{font-size:var(--font-size-title);color:var(--color-text-dark);text-align:center;margin-bottom:32px}.admin-panel__subtitle{text-align:center;color:var(--color-text-dark-soft);font-size:16px;margin-bottom:24px}.admin-panel__header-simple{display:flex;justify-content:flex-start;margin-bottom:24px}.admin-panel__back-btn,.admin-panel__home-btn{background:var(--color-text-dark-soft);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.admin-panel__back-btn:hover,.admin-panel__home-btn:hover{background:var(--color-text-dark);transform:translateY(-1px)}.admin-panel__auth{max-width:400px;margin:0 auto;background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #0000001a}.admin-panel__form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.admin-panel__form input{padding:12px 16px;border:1px solid var(--color-bg-light-soft);border-radius:8px;font-size:16px;transition:border-color .2s ease}.admin-panel__form input:focus{outline:none;border-color:var(--color-primary)}.admin-panel__switch{text-align:center;color:var(--color-text-dark-soft);font-size:14px}.admin-panel__switch-btn{background:none;border:none;color:var(--color-primary);font-weight:700;cursor:pointer;text-decoration:underline}.admin-panel__switch-btn:hover{color:var(--color-primary-light)}.admin-panel__message{padding:12px 16px;border-radius:8px;text-align:center;margin-top:16px;font-size:14px}.admin-panel__message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.admin-panel__message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.admin-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}@media screen and (max-width: 768px){.admin-panel__header{flex-direction:column;text-align:center}}.admin-panel__actions{display:flex;gap:16px;align-items:center}.admin-panel__create-btn{background:var(--color-primary)}.admin-panel__create-btn:hover{background:var(--color-primary-light)}.admin-panel__logout-btn{background:none;border:1px solid var(--color-text-dark-soft);color:var(--color-text-dark-soft);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-panel__logout-btn:hover{background:var(--color-text-dark-soft);color:#fff}.admin-panel__empty{text-align:center;color:var(--color-text-dark-soft);font-size:18px;padding:48px 0}.admin-panel__portfolio-list{display:flex;flex-direction:column;gap:16px}.admin-panel__portfolio-item{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:16px}@media screen and (max-width: 768px){.admin-panel__portfolio-item{flex-direction:column;align-items:flex-start}}.admin-panel__portfolio-item h3{font-size:20px;color:var(--color-text-dark);margin-bottom:8px}.admin-panel__portfolio-item p{color:var(--color-text-dark-soft);margin-bottom:8px;line-height:1.4}.admin-panel__portfolio-info{flex:1}.admin-panel__portfolio-date{font-size:12px;color:var(--color-text-dark-soft)}.admin-panel__portfolio-actions{display:flex;gap:8px}.admin-panel__edit-btn{background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.admin-panel__edit-btn:hover{background:var(--color-primary-light)}.admin-panel__delete-btn{background:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.admin-panel__delete-btn:hover{background:#c0392b}.admin-panel__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-panel__modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.admin-panel__modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-dark-soft);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.admin-panel__modal-close:hover{background:var(--color-bg-light-soft);color:var(--color-text-dark)}.admin-panel__modal-title{font-size:24px;color:var(--color-text-dark);margin-bottom:24px;padding:24px 24px 0}.admin-panel__modal-form{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.admin-panel__modal-form input,.admin-panel__modal-form textarea{padding:12px 16px;border:1px solid var(--color-bg-light-soft);border-radius:8px;font-size:16px;font-family:var(--font-family-main);transition:border-color .2s ease}.admin-panel__modal-form input:focus,.admin-panel__modal-form textarea:focus{outline:none;border-color:var(--color-primary)}.admin-panel__modal-form textarea{resize:vertical;min-height:100px}.admin-panel__images-section h3{font-size:18px;color:var(--color-text-dark);margin-bottom:12px}.admin-panel__image-field{display:flex;gap:8px;align-items:center;margin-bottom:8px}.admin-panel__image-field input{flex:1;margin:0}.admin-panel__remove-image{background:#e74c3c;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap}.admin-panel__remove-image:hover{background:#c0392b}.admin-panel__modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}@media screen and (max-width: 480px){.admin-panel__modal-actions{flex-direction:column}}.admin-panel__cancel-btn{background:none;border:1px solid var(--color-text-dark-soft);color:var(--color-text-dark-soft);padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s ease}.admin-panel__cancel-btn:hover{background:var(--color-text-dark-soft);color:#fff}.admin-panel__add-image{background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:8px}.admin-panel__add-image:hover{background:var(--color-primary-light)}.admin-panel__images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-panel__images-header h3{margin:0}.admin-panel__image-actions{display:flex;gap:8px}.admin-panel__upload-btn,.admin-panel__gallery-btn{background:var(--color-primary);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap}.admin-panel__upload-btn:hover,.admin-panel__gallery-btn:hover{background:var(--color-primary-light)}.admin-panel__image-preview{width:60px;height:60px;border-radius:4px;overflow:hidden;margin-left:8px}.admin-panel__image-preview img{width:100%;height:100%;object-fit:cover}.admin-panel__gallery-modal{background:#fff;border-radius:16px;max-width:900px;max-height:80vh;width:100%;overflow-y:auto;position:relative}.admin-panel__photo-grid{padding:0 24px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.admin-panel__photo-item{position:relative;border-radius:8px;overflow:hidden;background:var(--color-bg-light-soft)}.admin-panel__photo-item img{width:100%;height:150px;object-fit:cover;transition:transform .2s ease}.admin-panel__photo-item:hover img{transform:scale(1.05)}.admin-panel__photo-item:hover .admin-panel__photo-item__photo-overlay{opacity:1}.admin-panel__photo-overlay{position:absolute;top:0;left:0;right:0;bottom:30px;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease}.admin-panel__photo-use{background:var(--color-primary);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.admin-panel__photo-use:hover{background:var(--color-primary-light)}.admin-panel__photo-delete{background:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.admin-panel__photo-delete:hover{background:#c0392b}.admin-panel__photo-name{padding:8px;font-size:12px;color:var(--color-text-dark-soft);text-align:center;background:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}