.footer{color:#718096;font-size:12px}.footer .name{text-align:center;margin-bottom:16px;font-weight:400}.footer .socials{display:flex;justify-content:center;gap:16px;font-weight:700}.container{margin:0 auto;padding:8px;max-width:724px}.header{padding:20px;z-index:100;position:relative}.header nav{display:flex;position:relative;justify-content:space-between;align-items:center;color:#fff;padding:16px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);border:1px solid rgba(90,90,90,.2);border-radius:12px;opacity:1;visibility:visible}@media(max-width:724px){.header nav{align-items:start;justify-content:flex-end}}.header nav .header-left{display:flex!important;justify-content:flex-start;visibility:visible;gap:24px;opacity:1;flex:1;transition:opacity .2s ease-out}@media(max-width:724px){.header nav .header-left{display:none;justify-content:space-between;visibility:hidden;opacity:0}}.header nav .header-left .nav-link{color:#fff;transition:color .2s ease-out}.header nav .header-left .nav-link:hover{color:#b3b3b3}.header nav .header-right{display:flex;align-items:center;gap:16px}.header nav .header-right .language-switch{display:flex;width:16px;height:16px;cursor:pointer}.header nav .header-right .dark-mode-wrapper{display:flex;align-items:center;cursor:pointer}.header nav .header-right .socials{display:flex;align-items:center;gap:16px}.header nav .header-right .socials a{display:flex;align-items:center}.header nav .header-right .menu-icon{cursor:pointer;display:none}@media(max-width:724px){.header nav .header-right .menu-icon{display:flex}}.header nav.show-menu{flex-direction:row;align-items:flex-start}.header nav.show-menu .header-left{flex-direction:column;display:flex!important;visibility:visible;opacity:1}.header nav.show-menu .menu-icon{display:flex;justify-content:flex-end}html.dark .hamburger-menu{background-color:#000}html.dark .header nav{background-color:rgba(28,22,47,.4)}html.light .hamburger-menu{background-color:#fff}html.light .header nav{background-color:hsla(0,0%,100%,.2)}html.light .header *{color:#000!important}.bottom-bg,.top-bg{width:100%;z-index:1}.top-bg{position:absolute;top:0;left:0;right:0;transform:translateX(-10px);width:calc(100% + 20px)}.bottom-bg{position:relative}.bottom-bg .footer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center}.loading-container .loading{font-size:50px;color:#fff;animation:spin 2s linear infinite}.page-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;line-height:1.4}.page-info h1{font-size:32px;font-weight:700;background-image:linear-gradient(90deg,#8c2ce3,#ff2496);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-info p{font-size:18px;max-width:516px}.page-info .divider{width:340px}.about-page .page-info h1{background-image:linear-gradient(90deg,#17b0e3,#f46e07)}.home-page .profile-wrapper{display:flex;flex-direction:column;gap:16px;padding:16px}.home-page .profile-wrapper-top{display:flex;gap:16px;align-items:center}.home-page .profile-wrapper-top .profile-image{width:96px;height:96px}.home-page .profile-wrapper-top .profile-image img{border-radius:50%}.home-page .profile-wrapper-top .profile-name{font-size:30px;font-weight:700;margin-bottom:4px}.home-page .profile-wrapper-top .profile-bio{color:#4b5563;font-weight:700;font-size:16px}.home-page .profile-wrapper .profile-description{font-size:20px;line-height:29px}@media(max-width:724px){.home-page .profile-wrapper .profile-description{font-size:17px;line-height:24px}}.home-page .swiper{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent)}.home-page .swiper-wrapper{transition-timing-function:linear}html.light .profile-wrapper-top .name-and-bio .profile-bio{color:#b0b0b0}.work-page-container{padding:8px 20px!important}.work-page-actions{gap:10px;margin-bottom:20px}.work-page-actions,.work-page-actions button{display:flex;justify-content:center;align-items:center}.work-page-actions button{padding:10px;border:none;border-radius:5px;background-color:var(--primary);color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;outline:none}.work-page-actions button:hover{background-color:var(--primary-dark)}.work-page-actions button:disabled{background-color:var(--border);cursor:not-allowed}.work-page-actions button:active{transform:scale(.95)}.work-page-actions button.delete{background-color:var(--danger)}.work-page-actions button.delete:hover{background-color:var(--danger-dark)}.work-page-actions button.edit{background-color:var(--warning)}.work-page-actions button.edit:hover{background-color:var(--warning-dark)}.work-page-actions button.cancel{background-color:var(--border)}.work-page-actions button.cancel:hover{background-color:var(--border-dark)}.work-page-actions button.share{background-color:var(--primary)}.work-page-actions button.share:hover{background-color:var(--primary-dark)}.works-page .categories{justify-content:center;align-items:center;display:flex;gap:10px;margin-bottom:20px}.works-page .categories .category{padding:8px;width:100%;text-align:center}.works-page .categories .category.active{border-radius:12px;border:2px solid #262c78}.works-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:64px}@media(max-width:724px){.works-wrapper{margin-top:24px}}.works-wrapper .works-header{padding-inline:16px;display:flex;justify-content:space-between}.works-wrapper .works-header .works-title{font-size:13px;font-weight:700;letter-spacing:3px;color:#4b5563;text-transform:uppercase}.works-wrapper .works-header .see-all-link{display:flex;align-items:center}.works-wrapper .works-header .see-all-link .see-all-text{font-size:13px;font-weight:700;letter-spacing:1px;color:#4b5563;background-image:linear-gradient(90deg,#9b64da,#3d49ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.works-list{display:flex;flex-wrap:wrap;width:100%;gap:14px}.works-list .work-item a{width:200px;display:flex;flex-direction:column;gap:10px}.works-list .work-item a .image{width:200px;height:200px}.works-list .work-item a .title-and-description{height:64px}@media(max-width:724px){.works-list{flex-direction:column;flex-wrap:wrap}.works-list .work-item a{display:flex;flex-direction:row;width:100%}.works-list .work-item a .image{width:100px;height:100px}.works-list .work-item a .title-and-description{padding:12px 0;display:flex;flex-direction:column;gap:4px}}.work-item{position:relative;padding:12px 12px 16px;gap:8px;display:flex;height:100%;border-radius:16px}.work-item .image img,.work-item:after{border-radius:12px}.work-item:after{background-image:linear-gradient(90deg,#4c0610,#262c78);box-shadow:0 0 .5rem .25rem rgba(0,0,0,.5);visibility:visible;position:absolute;content:"";top:0;left:0;width:100%;height:100%;transition:opacity .5s ease-out;z-index:-1;opacity:0}.work-item:hover:after{opacity:.5}.work-item .title{font-size:16px;font-weight:600;margin-bottom:4px;color:#f0f0f0}@media(max-width:724px){.work-item .title{max-width:200px}}.work-item .description{font-size:14px;color:#8a898f;font-weight:500}@media(max-width:724px){.work-item .description{max-width:200px}}.work-item .image{border-radius:12px}@media(max-width:724px){.work-item .image{width:200px;height:200px}}.work-item .image img{-o-object-fit:cover!important;object-fit:cover!important}html.dark .work-item .title-and-description .title{color:#f0f0f0}html.dark .work-item .title-and-description .description{color:#8a898f}html.dark .work-item .image{border:1px solid transparent}html.dark .work-item:after{background-image:linear-gradient(90deg,30,28,50,.5,#0a0a0d)}html.light .work-item .title-and-description .title{color:#333}html.light .work-item .title-and-description .description{color:#8a898f}html.light .work-item:hover .image{border-color:transparent}html.light .work-item:hover .description{color:#f0f0f0}html.light .work-item .image{border:1px solid #f0f0f0}html.light .work-item:after{background-image:linear-gradient(90deg,#4c0610,#262c78)}