@import"https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&display=swap";:root{--bg-main: #090909;--bg-card: #151212;--text-main: #f4efe8;--text-muted: #f4efe880;--accent-primary: #8b1b1b;--accent-secondary: #ff5252;--accent-highlight: #ffd35b}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Poppins;background-color:var(--bg-main);color:var(--text-main);font-size:15px;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(to right,transparent 0 49px,#ffffff12 49px),linear-gradient(to bottom,transparent 0 49px,#ffffff12 49px);background-size:50px 50px}body:before{position:fixed;width:400px;height:400px;content:"";background-image:linear-gradient(120deg,var(--accent-primary),var(--accent-highlight));z-index:-1;top:-200px;left:calc(50% - 200px);border-radius:50% 50% 0% 0%;pointer-events:none;filter:blur(250px)}main{width:min(1300px,100%);margin:auto}header{position:fixed;width:1300px;max-width:calc(100% - 40px);height:78px;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-sizing:border-box;z-index:100;background:linear-gradient(120deg,#151212ee,#0f0c0cee);border:1px solid #ffd35b40;border-radius:28px;color:var(--text-main);box-shadow:0 14px 35px #0005;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header img{width:44px}header .logo{display:flex;align-items:center;gap:10px}header nav{display:flex;align-items:center;gap:34px;color:var(--text-main);font-size:31px}header nav .menu-links{display:flex;align-items:center;gap:34px}header nav .nav-item,header nav .service-btn{cursor:pointer;font-size:.58em;font-weight:500;line-height:1;border:none;background:transparent;color:inherit;padding:8px 2px;font-family:inherit;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:color .25s ease}header nav .nav-item:hover,header nav .service-btn:hover{color:var(--accent-highlight)}header nav .active{font-weight:700;color:var(--accent-highlight);text-shadow:0 0 10px #8b1b1ba1}header nav .menu-close,header nav .mobile-menu-brand,header nav .mobile-menu-bottom{display:none}header .icon-bar{width:30px;display:none;cursor:pointer}section{width:min(1300px,100%);margin:auto;padding:120px 50px 50px;top:0}section.home{padding-top:170px;display:grid;grid-template-columns:repeat(2,1fr);gap:50px;justify-content:space-between;align-items:center}section.home .content{font-family:MuseoModerno,system-ui}section.home .content .name{font-size:clamp(2.5rem,8vw,7rem);font-weight:700;line-height:1em}section.home .content .name span{background-image:linear-gradient(to right,var(--accent-highlight),var(--accent-secondary),var(--accent-primary),var(--accent-highlight));background-size:200% auto;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:shine 5s linear infinite}section.home .content .des{color:var(--text-muted);margin:30px 0;border-left:.7em solid var(--accent-secondary);padding-left:2em}section.home .content a{display:block;font-size:large;color:var(--text-main);font-weight:700;text-decoration:none;border:1px solid #ffffff66;background-color:transparent;width:max-content;padding:20px 30px;border-radius:40px}section.home .avatar{text-align:right}section.home .avatar .card{display:inline-flex;flex-direction:column;width:min(100%,400px);box-shadow:0 150px 150px #8b1b1b40;transition:.5s}section.home .avatar .card:hover{box-shadow:0 150px 150px #8b1b1b66}section.home .avatar .card img{width:100%;height:min(50vh,700px);object-fit:cover;object-position:top;clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0)}section.home .avatar .card .info{background-color:#f4efe8;color:#1b1111;display:grid;grid-template-columns:repeat(2,1fr);text-align:center;gap:20px;padding:20px;font-size:1.2em}section.home .avatar .card .info div:nth-child(1),section.home .avatar .card .info div:nth-child(2),section.home .avatar .card .info div:nth-child(3){font-weight:700}section.home .featured-products{grid-column:1 / -1;margin-top:14px;text-align:center}section.home .featured-products p{margin:0 0 14px;color:var(--accent-highlight);font-weight:600;letter-spacing:.3px}section.home .featured-products .logos{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}section.home .featured-products .logos a{background:#151212cc;border:1px solid #ffd35b2f;border-radius:14px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,transform .2s ease}section.home .featured-products .logos a:hover{border-color:var(--accent-highlight);transform:translateY(-1px)}section.home .featured-products .logos img{height:36px;width:auto;object-fit:contain}section.home .product-details{grid-column:1 / -1;margin-top:8px;display:grid;gap:18px}section.home .product-details .item{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:18px;background:#141111d1;border:1px solid #ffd35b29;border-radius:18px;padding:16px}section.home .product-details .item .images{background:#0e0b0bd6;border:1px solid #ffd35b33;border-radius:14px;padding:14px;text-align:center;cursor:pointer}section.home .product-details .item .images img{height:72px;width:auto;max-width:100%;object-fit:contain}section.home .product-details .item .content h3{margin:0 0 8px;font-family:MuseoModerno,system-ui}section.home .product-details .item .content .des{color:var(--text-muted);line-height:1.65}section.home .product-details .item .content a{display:inline-block;margin-top:12px;color:var(--text-main);text-decoration:none;border:1px solid #ffd35b44;border-radius:999px;padding:8px 14px;transition:color .2s ease,border-color .2s ease}section.home .product-details .item .content a:hover{color:var(--accent-highlight);border-color:var(--accent-highlight)}section.skills .title{text-align:center;font-size:5vw;font-family:MuseoModerno,system-ui}section.skills .des{color:var(--text-muted);text-align:center;max-width:500px;margin:auto}section.skills .list{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:space-between;gap:3vw;position:relative}section.skills .list:before{position:absolute;content:"";width:70%;height:70%;background-image:linear-gradient(-45deg,var(--accent-primary),var(--accent-highlight));top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;border-radius:20px;background-size:200% auto}section.skills .list .item{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:20px;border-radius:20px;background-color:#151212cc}section.skills .list .item svg{font-size:30px;background-color:#ffffff1f;padding:10px;border-radius:10px}section.skills .list .item .des{text-align:left;width:100%;font-size:small}section.projects .title{margin-top:100px;text-align:center;font-size:5vw;font-family:MuseoModerno,system-ui}section.projects .des{color:var(--text-muted);text-align:center;max-width:500px;margin:auto}section.projects .list{margin-top:50px}section.projects .list .item{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;align-items:center;margin-bottom:100px;gap:20px}section.projects .list .item .images{background-image:linear-gradient(135deg,#181313f2,#110e0ef2);padding:40px;text-align:center;border-radius:20px;overflow:hidden;border:1px solid #ffd35b33;cursor:pointer;transition:box-shadow .28s ease,border-color .28s ease}section.projects .list .item .images img{height:clamp(240px,46vw,400px);border-radius:10px;border:1px solid #ffd35b47;box-shadow:0 18px 34px #000000b0,0 0 #ffd35b00;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}section.projects .list .item .images:hover{border-color:#ffd35b66;box-shadow:0 0 22px #8b1b1b40}section.projects .list .item .images:hover img{transform:scale(1.03);border-color:#ffd35b7a;box-shadow:0 20px 34px #00000096,0 0 22px #8b1b1b80,0 0 14px #ffd35b5c}section.projects .list .item .images:active img{transform:scale(1.06);box-shadow:0 22px 36px #00000095,0 0 26px #8b1b1bb3,0 0 18px #ffd35b8a}section.projects .list .item .content h3{font-size:3em;margin:0}section.projects .list .item .content .des{text-align:left;width:100%}section.projects .list .item .content .mission{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;margin-top:10px}section.projects .list .item .content .mission div:nth-child(1) svg{background-color:#ffffff24;padding:20px;font-size:20px;border-radius:15px}section.projects .list .item:nth-child(2n) .images{grid-column-start:2;grid-column-end:3}section.projects .list .item:nth-child(2n) .content{grid-column-start:1;grid-column-end:2;grid-row-start:1}section.contacts{padding-bottom:220px}section.contacts .title{text-align:center;font-size:5vw;font-family:MuseoModerno,system-ui}section.contacts .des{color:var(--text-muted);text-align:center;max-width:500px;margin:auto}section.contacts .list{text-align:center}section.contacts .list .item{margin-top:50px}.site-footer{width:1300px;max-width:calc(100% - 40px);margin:40px auto 30px;border:1px solid #ffd35b33;border-radius:22px;background:linear-gradient(130deg,#141111f2,#0d0a0af2);box-shadow:0 12px 30px #00000040;padding:36px 34px 20px;box-sizing:border-box}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.footer-brand,.footer-column{text-align:center}.footer-brand img{width:58px}.footer-brand h3{margin:12px 0 10px;font-family:MuseoModerno,system-ui;font-size:1.12rem}.footer-brand p{margin:0;color:var(--text-muted);line-height:1.7}.social-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.social-links a{width:38px;height:38px;border-radius:50%;border:1px solid #ffd35b44;color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative;overflow:hidden;z-index:1;transition:transform .2s}.social-links a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transform:translate(100%,100%);transition:all .4s;z-index:-1}.social-links a:hover:before{transform:translate(0);animation:footer-icon-fill .4s linear}.social-links a:hover{transform:translateY(-2px)}.social-links .insta:before{background:linear-gradient(to bottom left,#4f5bd5,#962fbf,#d62976,#fa7e1e,#feda75)}.social-links .face:before{background:#4267b2}.social-links .twit:before{background:#1da1f2}.social-links .yt:before{background:red}.social-links .spo:before{background:#0c67d7}@keyframes footer-icon-fill{0%,to{width:100%;height:100%}50%{width:50%;height:50%}}.footer-column h4{margin:8px 0 14px;color:var(--accent-highlight);font-size:1rem}.footer-column a,.footer-column span{display:block;margin:0 0 11px;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-column a:hover{color:var(--text-main)}.footer-bottom{margin-top:14px;border-top:1px solid #ffffff1f;padding-top:16px;color:var(--text-muted);text-align:center;font-size:.92rem}section.about .title{text-align:center;font-size:5vw;font-family:MuseoModerno,system-ui}section.about .des{color:var(--text-muted);text-align:center;max-width:700px;margin:20px auto}section.about .list{max-width:760px;margin:30px auto 0;display:grid;gap:16px}section.about .list .item{background-color:#151212cc;border:1px solid #ffd35b22;border-radius:16px;padding:18px 20px;text-align:center}section.about .list .item h3{margin:0 0 10px;color:var(--accent-highlight)}section.about .list .item p{margin:0;color:var(--text-muted);line-height:1.7}section.about .list .item a{display:inline-block;margin-top:14px;color:var(--text-main);text-decoration:none;border:1px solid #ffd35b44;border-radius:999px;padding:8px 14px;transition:color .2s ease,border-color .2s ease}section.about .list .item a:hover{color:var(--accent-highlight);border-color:var(--accent-highlight)}section.products .title{text-align:center;font-size:5vw;font-family:MuseoModerno,system-ui}section.products .des{color:var(--text-muted);text-align:center;max-width:700px;margin:20px auto}section.products .list{max-width:760px;margin:30px auto 0;display:grid;gap:16px}section.products .list .item{background-color:#151212cc;border:1px solid #ffd35b22;border-radius:16px;padding:18px 20px;text-align:center}section.products .list .item .product-logo{height:56px;width:auto;object-fit:contain;margin-bottom:10px}section.services-page .title{text-align:center;font-size:clamp(2rem,5vw,4rem);font-family:MuseoModerno,system-ui}section.services-page .des{color:var(--text-muted);text-align:center;max-width:880px;margin:18px auto 0;line-height:1.7}section.services-page .list{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:22px;align-items:stretch}section.services-page .list .item{min-height:250px;background:linear-gradient(120deg,#141111f0,#100d0df0);border:1px solid #ffd35b30;border-radius:22px;padding:26px 24px;text-align:left;display:flex;flex-direction:column;justify-content:center}section.services-page .list .item h3{margin:0 0 14px;text-align:center;font-size:clamp(1.3rem,2.2vw,2rem);font-family:MuseoModerno,system-ui}section.services-page .list .item .des{margin:0;color:var(--text-muted);text-align:left;max-width:none;line-height:1.75;font-size:1.04rem}section.services-page .list .service-card{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .55s ease,transform .55s ease,border-color .25s ease,box-shadow .25s ease}section.services-page .list .service-card.visible{opacity:1;transform:translateY(0) scale(1)}section.services-page .list .service-card:hover{border-color:#ffd35b66;box-shadow:0 12px 28px #8b1b1b35}section.services-page .list .item:last-child{grid-column:2 / 3}.animation{transform:translateY(50px);filter:blur(20px);opacity:0;transition:.5s}.animation.active{opacity:1;filter:blur(0);transform:translateY(0)}@keyframes shine{to{background-position:200% center}}@media screen and (max-width: 1200px){section{padding-left:32px;padding-right:32px}header{max-width:calc(100% - 24px);padding:0 18px}header nav{font-size:24px}header nav .menu-links{gap:18px}.site-footer{max-width:calc(100% - 24px)}}@media screen and (max-width: 1024px){section{padding:96px 20px 24px}section.home{grid-template-columns:1fr;padding-top:98px;gap:28px}section.home .content a{margin:auto;font-size:small}section.home .avatar{grid-row-start:1;text-align:center}section.home .featured-products{margin-top:0}section.home .product-details .item{grid-template-columns:1fr;text-align:center}section.home .product-details .item .content a{margin-top:10px}section.skills .list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}section.projects .list .item{grid-template-columns:1fr;margin-bottom:54px}section.projects .list .item .content h3{font-size:1.5em;margin-bottom:1em}section.projects .list .item:nth-child(2n) .content,section.projects .list .item:nth-child(2n) .images{grid-row-start:auto;grid-column-start:auto;grid-column-end:auto}header{border-radius:18px;height:66px;top:10px;padding:0 16px}header img{width:36px}header nav{width:100%;max-width:100%;height:calc(100dvh - 16px);position:fixed;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;top:8px;right:8px;bottom:8px;background:linear-gradient(120deg,#151212f2,#0f0c0cf2);color:var(--text-main);padding:20px 22px;box-sizing:border-box;font-weight:700;left:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96);transform-origin:top right;clip-path:circle(0 at calc(100% - 34px) 34px);transition:clip-path .45s cubic-bezier(.2,.7,.2,1),opacity .24s ease,transform .3s ease,visibility 0s linear .45s;overflow-y:auto;border:1px solid #ffd35b38;border-radius:24px;box-shadow:0 14px 28px #0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}header nav .menu-close{margin-left:auto;width:50px;height:50px;border-radius:50%;border:2px solid var(--accent-highlight);background:transparent;color:var(--accent-highlight);font-size:1.6rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}header nav .mobile-menu-brand{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:24px;border-bottom:1px solid #ffd35b3d}header nav .mobile-menu-brand img{width:42px;height:42px}header nav .mobile-menu-brand span{font-family:MuseoModerno,system-ui;font-size:2rem;background:linear-gradient(to right,var(--accent-highlight),var(--accent-secondary),var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}header nav .menu-links{margin-top:28px;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:14px}header nav .menu-links .nav-item{width:100%;justify-content:center;text-align:center;border:1px solid #ffd35b47;border-radius:22px;padding:16px 18px;color:var(--text-main);background:#110d0dcf;font-size:1.05rem;font-weight:500;text-shadow:none;transition:all .25s ease}header nav .menu-links .nav-item:hover{color:var(--accent-highlight);border-color:var(--accent-highlight)}header nav .menu-links .nav-item.active{color:#fff8ef;border-color:var(--accent-highlight);background:linear-gradient(90deg,#5d1d1d,var(--accent-primary),#d54934,var(--accent-highlight));box-shadow:0 0 16px #8b1b1b73}header nav .mobile-menu-bottom{display:block;margin-top:auto;padding-top:16px;border-top:1px solid #ffd35b30;color:var(--text-muted);text-align:center;font-size:.9rem;font-weight:400}header .icon-bar{display:block;font-size:1.3rem}header nav.active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);clip-path:circle(170% at calc(100% - 34px) 34px);transition:clip-path .48s cubic-bezier(.2,.7,.2,1),opacity .24s ease,transform .3s ease}body.menu-open{overflow:hidden}.site-footer{max-width:calc(100% - 20px);padding:24px 18px 16px;margin-top:24px}.footer-grid{grid-template-columns:1fr;gap:8px}.footer-brand h3{font-size:1rem}section.services-page .list{grid-template-columns:repeat(2,minmax(260px,1fr))}section.services-page .list .item{min-height:220px}section.services-page .list .item:last-child{grid-column:1 / -1;justify-self:center;width:min(100%,560px)}}@media screen and (max-width: 640px){header{height:62px;border-radius:14px}header .logo img{width:30px}header nav{padding:16px;border-radius:18px}header nav .menu-close{width:44px;height:44px;font-size:1.35rem}header nav .mobile-menu-brand{margin-top:16px;padding-bottom:16px}header nav .mobile-menu-brand span{font-size:1.6rem}header nav .menu-links{margin-top:18px;gap:10px}header nav .menu-links .nav-item{border-radius:18px;padding:13px 12px;font-size:.96rem}header nav .mobile-menu-bottom{font-size:.8rem}section{padding-left:14px;padding-right:14px}.site-footer{max-width:calc(100% - 14px);padding:18px 12px}section.services-page .list{grid-template-columns:1fr;gap:14px}section.services-page .list .item{min-height:auto;padding:20px 16px;border-radius:16px}section.services-page .list .item .des{font-size:.98rem}section.services-page .list .item:last-child{grid-column:auto;width:100%}}@media screen and (min-width: 641px) and (max-width: 1023px){.footer-grid{grid-template-columns:repeat(2,1fr)}}.projects{text-align:center}.list .item{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:20px}.item .images{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.item img{display:block;margin:0 auto;max-width:100%;height:auto}.content{text-align:center}.see-more-btn{display:block;width:fit-content;margin:20px auto;padding:10px 20px;font-size:1.2em;color:#fff;background:#141414;border:2px solid #00f0ff;border-radius:5px;text-align:center;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 0 5px #00f0ff,0 0 20px #00f0ff,0 0 40px #00f0ff,0 0 60px #00f0ff}.see-more-btn:hover{color:#141414;background:#00f0ff;box-shadow:0 0 10px #00f0ff,0 0 30px #00f0ff,0 0 50px #00f0ff,0 0 80px #00f0ff;border-color:#00f0ff}.contacts{text-align:center;padding:30px 0;margin:0}.contacts .title{margin-bottom:25px;margin-top:20px;font-weight:600;color:#fff}.contacts .main{display:flex;justify-content:center;align-items:center}.contacts .insta,.contacts .face,.contacts .twit,.contacts .yt,.contacts .spo{width:50px;height:50px;margin:0 10px;display:flex;justify-content:center;align-items:center;position:relative;border-radius:50%;overflow:hidden}.contacts .insta a,.contacts .face a,.contacts .twit a,.contacts .yt a,.contacts .spo a{color:#fff;transition:color .3s}.contacts .insta:before,.contacts .face:before,.contacts .twit:before,.contacts .yt:before,.contacts .spo:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:50%;transform:translate(100%,100%);transition:all .4s}.contacts .insta:hover:before,.contacts .face:hover:before,.contacts .twit:hover:before,.contacts .yt:hover:before,.contacts .spo:hover:before{transform:translate(0);animation:anim .4s linear}.contacts .insta:before{background:linear-gradient(to bottom left,#4f5bd5,#962fbf,#d62976,#fa7e1e,#feda75)}.contacts .face:before{background:#4267b2}.contacts .twit:before{background:#1da1f2}.contacts .yt:before{background:red}.contacts .spo:before{background:#0c67d7}@keyframes anim{0%,to{width:100%;height:100%}50%{width:50%;height:50%}}.contacts .footer{margin-top:40px}.contacts .copyright{font-size:14px;margin-bottom:10px}.contacts .copyright i{color:red}