@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap";.hero{background-color:var(--main-bg);border:10px solid var(--accent);border-radius:60px;align-items:center;width:100%;min-height:550px;margin:-40px 0 0;display:flex;position:relative}.hero__container{width:100%;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.hero__content{flex-direction:column;align-items:flex-start;padding-top:180px;display:flex}.hero__title{color:var(--main-text);font-family:var(--font-main);z-index:2;font-size:clamp(1.4rem,2.5vw,3.8rem);font-weight:400;line-height:1.4;position:relative}.hero__contact{cursor:pointer;background-color:var(--accent);color:var(--main-text);border:1px solid var(--other);font-family:var(--font-main);z-index:1;border-radius:12px;width:auto;padding:12px 45px;font-size:18px;font-weight:400;transition:all .3s;position:relative;overflow:visible}.hero__contact:before{content:"";border:2px solid var(--accent);pointer-events:none;opacity:0;z-index:-1;border-radius:14px;position:absolute;inset:-4px}.hero__contact:hover:before{animation:.5s ease-out forwards waveExpand}.hero__contact:hover{background-color:var(--main-bg);border-color:var(--accent);transform:translateY(-2px)}@keyframes waveExpand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.hero__icon{width:clamp(200px,22vw,400px);position:absolute;bottom:-110px;right:8%}.hero__icon:before{content:"";border:1px solid var(--details);pointer-events:none;border-bottom:none;position:absolute;inset:-25px -25px 110px}.hero__icon img{border-radius:20px;width:100%;height:auto;display:block;position:relative}@media (width<=900px){.hero{border-width:6px;border-radius:40px;min-height:480px}.hero__content{padding-top:120px}.hero__icon{width:clamp(160px,24vw,300px);bottom:-70px;right:5%}.hero__icon:before{bottom:70px}}@media (width<=600px){.hero{border-width:4px;border-radius:24px;flex-direction:column;min-height:0;padding:40px 0 32px}.hero__container{padding:0 20px}.hero__content{text-align:center;align-items:center;width:100%;padding-top:100px}.hero__title{font-size:clamp(1.3rem,6vw,2rem)}.hero__contact{margin-top:8px}.hero__icon{width:60%;max-width:240px;margin:16px auto 24px;position:static}.hero__icon:before{content:none}}.skill-card{background-color:var(--main-bg);border:1px solid var(--other);width:100%;box-shadow:0 4px 0 0 var(--accent);z-index:2;border-radius:20px;align-items:center;gap:15px;padding:20px 25px;transition:all .2s;display:flex;position:relative}.skill-card:hover{box-shadow:0 2px 0 0 var(--accent);transform:translateY(2px)}.skill-card__dot{background-color:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px}.skill-card__text{color:var(--main-text);font-family:var(--font-main);margin:0;font-size:18px;font-weight:400;line-height:1.4}@media (width<=900px){.skill-card__text{font-size:16px}}.skills{max-width:1200px;margin:100px auto;padding:0 40px}.skills__container{grid-template-columns:1fr 1fr;align-items:start;gap:100px;display:grid}.skills__title{color:var(--main-text);font-family:var(--font-main);margin:0 0 50px;font-size:36px;font-weight:400}.skills__title span{color:var(--accent)}.skills__list{flex-direction:column;gap:30px;padding-left:50px;display:flex;position:relative}.skill-card-wrapper{position:relative}.skill-card-wrapper:before{content:"";background-color:var(--details);width:1px;position:absolute;top:-20px;bottom:-15px;left:-50px}.skill-card-wrapper:first-child:before{top:50%}.skill-card-wrapper:last-child:before{bottom:50%}.skill-card-wrapper:only-child:before{content:none}.skill-card-wrapper:first-child:after,.skill-card-wrapper:last-child:after{content:"";background-color:var(--details);z-index:1;width:50px;height:1px;position:absolute;top:50%;left:-50px;transform:translateY(-50%)}@media (width<=900px){.skills__container{grid-template-columns:1fr;gap:60px}.skills__title{font-size:28px}}.work-card{background-color:var(--main-bg);border:1px solid var(--other);box-shadow:0 6px 0 0 var(--accent);box-sizing:border-box;border-radius:20px;flex-direction:row;align-items:flex-start;gap:20px;width:73%;margin:0 auto 50px;padding:24px;transition:all .2s;display:flex;position:relative}.work-card:hover{box-shadow:0 4px 0 0 var(--accent);transform:translateY(2px)}.work-card__image-btn{width:25%;height:30vh;min-height:260px;max-height:300px;box-shadow:4px 4px 0 0 var(--accent);cursor:pointer;background:0 0;border:none;border-radius:25px;flex-shrink:0;padding:0;display:block;overflow:hidden}.work-card__image-btn img{object-fit:cover;width:100%;height:100%;display:block}.work-card__content{flex-direction:column;flex:1;gap:8px;min-width:0;padding:10px 0 0 60px;display:flex}.work-card__header{justify-content:space-between;align-items:center;display:flex}.work-card__title{color:var(--main-text);font-family:var(--font-main);margin:0;font-size:26px;font-weight:500}.work-card__github-link{background-color:var(--circle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;box-shadow:0 4px #090909}.work-card__github-link:hover{transform:translateY(2px);box-shadow:0 2px #090909}.work-card__github-link img{object-fit:contain;width:40px;height:40px}.work-card__description{color:var(--main-text);font-family:var(--font-main);opacity:.8;margin:0;padding-top:10px;padding-right:30px;font-size:18px;font-weight:400;line-height:1.5}.work-card__techs{flex-wrap:wrap;gap:28px;margin:20px 0 0;padding:0;display:flex}.work-card__tech{background-color:var(--circle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px #090909}.work-card__tech:hover{transform:translateY(1px)}.work-card__tech img{object-fit:contain;width:30px;height:30px;transition:opacity .2s}.work-card__tech-tooltip{visibility:hidden;opacity:0;background-color:var(--accent);color:var(--main-bg);font-family:var(--font-main);text-align:center;border:2px solid var(--main-bg);white-space:nowrap;pointer-events:none;z-index:100;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;top:120%;left:50%;transform:translate(-50%)}.work-card__tech:hover .work-card__tech-tooltip{visibility:visible;opacity:1}.work-card__modal-overlay{z-index:200;cursor:zoom-out;box-sizing:border-box;background-color:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.work-card__modal-image{object-fit:contain;cursor:default;border-radius:16px;width:auto;max-width:90vw;height:auto;max-height:90vh;box-shadow:0 10px 40px #00000080}.work-card__modal-close{background-color:var(--circle);width:44px;height:44px;color:var(--main-text);cursor:pointer;z-index:201;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:fixed;top:24px;right:32px}.work-card__modal-close:hover{transform:scale(1.1)}@media (width<=900px){.work-card{width:80%}.work-card__content{padding-left:30px}}@media (width<=600px){.work-card{flex-direction:column;align-items:stretch;gap:16px;width:65%;padding:16px}.work-card__image-btn{aspect-ratio:16/9;width:100%;height:auto}.work-card__content{gap:6px;padding:0}.work-card__title{font-size:20px}.work-card__github-link{width:48px;height:48px}.work-card__github-link img{width:30px;height:30px}.work-card__description{padding-top:6px;font-size:15px}.work-card__techs{gap:16px;margin-top:12px}.work-card__tech{width:40px;height:40px}.work-card__tech img{width:24px;height:24px}.work-card__tech-tooltip{display:none}}.works{flex-direction:column;align-items:center;margin:0 auto;padding:0 40px;display:flex}.works__title{text-align:left;width:73%;color:var(--main-text);font-family:var(--font-main);z-index:2;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:clamp(1.4rem,2.5vw,3.8rem);font-weight:400;line-height:1.4;position:relative}.works__list{flex-direction:column;align-items:center;gap:24px;width:100%;margin:0;padding:0;display:flex}@media (width<=700px){.works{padding:0 16px}.works__title{width:100%;margin-bottom:30px;font-size:28px}}.footer{background-color:var(--main-bg);border:1px solid var(--other);box-shadow:0 6px 0 0 var(--accent);box-sizing:border-box;border-radius:20px;flex-direction:row;justify-content:space-around;align-items:center;gap:20px;width:69%;margin:180px auto 60px;padding:24px;transition:all .2s;display:flex;position:relative}.footer:hover{box-shadow:0 4px 0 0 var(--accent);transform:translateY(2px)}.footer__contacts{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.footer__info{font-family:var(--font-main);color:var(--main-text);min-width:0}.footer__farewell{margin:0 0 8px;padding:10px 0;font-size:32px}.footer__brand{text-shadow:2px 2px 4px #8564dd;font-family:var(--font-main);color:var(--main-text);white-space:nowrap;margin-top:-10px;font-size:46px}.footer__social-list{gap:20px;margin:0;padding-top:10px;padding-left:0;list-style:none;display:flex}.footer__social-item{background-color:var(--circle);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;box-shadow:0 4px #090909}.footer__social-item:hover{transform:translateY(2px);box-shadow:0 2px #090909}.footer__social-item img{object-fit:contain;width:40px;height:40px}.footer__social-item a{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (width<=900px){.footer{width:85%}}@media (width<=600px){.footer{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;width:85%;margin-top:120px;padding:20px}.footer__info{text-align:center}.footer__farewell{font-size:22px}.footer__connection{font-size:14px}.footer__contacts{width:100%}.footer__brand{white-space:normal;margin-top:4px;font-size:30px}.footer__social-list{gap:14px;padding-top:0}.footer__social-item{width:48px;height:48px}.footer__social-item img{width:30px;height:30px}}.navbar{z-index:100;justify-content:center;width:100%;max-width:100vw;padding:16px 0;display:flex;position:fixed;top:0;left:0;right:0}.navbar__inner{background-color:var(--circle);z-index:110;border-radius:16px;justify-content:space-between;align-items:center;width:60%;padding:10px 20px;display:flex;position:relative}.brand{background-color:var(--main-bg);font-family:var(--font-main);color:var(--main-text);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:10px;padding:6px 14px;font-size:16px;font-weight:400}.navbar__menu{align-items:center;gap:20px;display:flex}.navbar__link{font-size:16px;font-family:var(--font-main);color:var(--main-text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:7px 14px;font-weight:400;text-decoration:none;transition:color .2s}.navbar__link:hover{color:var(--accent)}.navbar__theme-btn{cursor:pointer;width:36px;height:36px;color:var(--main-text);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin-left:4px;transition:color .2s;display:flex}.navbar__burger{cursor:pointer;width:36px;height:36px;color:var(--main-text);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:color .2s;display:none}.navbar__burger:hover{color:var(--accent)}.navbar__mobile-menu{background-color:var(--main-bg);z-index:105;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:fixed;inset:0;transform:translateY(-10px)}.navbar__mobile-menu.navbar__mobile-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.navbar__mobile-link{cursor:pointer;font-family:var(--font-main);color:var(--main-text);background:0 0;border:none;font-size:22px;font-weight:400;transition:color .2s}.navbar__mobile-link:hover{color:var(--accent)}.navbar__theme-btn--mobile{width:44px;height:44px;margin-top:12px}.navbar__list{align-items:center;gap:20px;margin:0;padding:0;display:flex}.navbar__mobile-list{flex-direction:column;align-items:center;gap:28px;margin:0;padding:0;display:flex}@media (width<=800px){.navbar{padding:0}.navbar__inner{border-radius:0;justify-content:space-between;gap:0;width:100%;padding:12px 16px}.navbar__menu{display:none}.navbar__burger{display:flex}}:root{--font-main:"Rubik", sans-serif;--main-bg:#191820;--main-text:#d8d7dd;--accent:#8564dd;--details:#d8d7dd;--other:#564d93;--circle:#27243f}:root[data-theme=light]{--main-bg:#d8d7dd;--main-text:#191820;--accent:#8564dd;--details:#191820;--other:#564d93;--circle:#cac7d4}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--main-bg);font-family:var(--font-main);margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}span{color:var(--accent)}a{text-decoration:none}li{margin:0;padding:0;list-style:none}