@import "https://fonts.googleapis.com/css2?family=Bitcount+Prop+Single:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Vast+Shadow&display=swap";*{cursor:url(/image/cur/cursor.cur),auto;transition:all .2s}button,a,img{cursor:url(/image/cur/pointer.cur),auto!important}input,textarea{cursor:url(/image/cur/input.cur),auto!important}html{background:#0f0f0f linear-gradient(#000a0f,#000) no-repeat}#setka{z-index:-339999;width:100%;height:100%;display:block;position:fixed}.hint{color:#ffffff59;letter-spacing:.11em;text-transform:uppercase;pointer-events:none;opacity:0;font:11px/1.2 Arial,sans-serif;transition:opacity .35s;position:fixed;bottom:15px;right:18px}body:hover .hint{opacity:1}#navigator_marquee{width:100%}html,body{height:auto;margin:0;transition:all .3s}body{width:80%;margin:auto}.content-body{opacity:0}body.LoadHidden .content-body{opacity:1;transition:all .5s}#matrix{z-index:-232321;pointer-events:none;background:0 0;position:absolute;top:0}#root{justify-content:center;width:100%;display:flex}:root{--knot-animation:3s}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#252525}::-webkit-scrollbar-thumb{background:#acacac;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.content-body{flex-direction:column;align-items:center;width:100%;height:100%;margin-top:20px;display:flex}m{font-weight:900}#preloader{z-index:111111111;background-color:#0f0f0f;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}#preloader.LoadHidden{opacity:0;visibility:hidden}#LoadPage{background-color:#292929;border-radius:5px;width:0;height:6px;animation:.6s both open;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#LoadPage div{background-color:#15b5ff;border-radius:2px;width:50%;height:100%;animation:1.7s .6s infinite load;transform:translate(-100px)}.scene{width:200px;height:200px;position:absolute;top:180px}.cube{width:100%;height:100%;transform-style:preserve-3d;animation:5s linear infinite rotateCube;position:absolute}.face{background:#00ffff4d;border:2px solid #0ff;width:200px;height:200px;position:absolute;box-shadow:0 0 10px #0ff}pre{margin:0;display:inline;margin:-10px!important}.front{transform:translateZ(100px)}.back{transform:rotateY(180deg)translateZ(100px)}.left{transform:rotateY(-90deg)translateZ(100px)}.right{transform:rotateY(90deg)translateZ(100px)}.top{transform:rotateX(90deg)translateZ(100px)}.bottom{transform:rotateX(-90deg)translateZ(100px)}.scroll-animate{opacity:0}.scroll-animate-fade-up{transform:translateY(60px)}.scroll-animate-fade-up.visible{opacity:1;transform:translateY(0)}.scroll-animate-fade-left{transform:translate(-60px)}.scroll-animate-fade-left.visible{opacity:1;transform:translate(0)}.scroll-animate-fade-right{transform:translate(60px)}.scroll-animate-fade-right.visible{opacity:1;transform:translate(0)}.scroll-animate-zoom{transform:scale(.8)}.scroll-animate-zoom.visible{opacity:1;transform:scale(1)}body{overflow:hidden}body.LoadHidden{overflow:visible}.preloader-container{perspective:1000px;text-align:center;position:relative;bottom:100px}.fz-text{color:#0000;transform-style:preserve-3d;text-shadow:none;z-index:10;opacity:0;margin-bottom:50px;font-family:monospace;font-size:170px;font-weight:900;line-height:1;animation:3s ease-in-out infinite float,.6s both openit;position:relative}.fz-text span{margin:30px;display:inline-block;position:relative}.f-letter{background:linear-gradient(45deg,#ff2d55,#ff6b81);-webkit-background-clip:text;background-clip:text;padding:0 10px;transform:translateZ(0)}.z-letter{background:linear-gradient(45deg,#1e90ff,#70a1ff);-webkit-background-clip:text;background-clip:text;margin-left:-30px;padding:0 10px;transform:translateZ(0)}.fz-text span:before{content:attr(data-char);color:#0003;background:0 0;-webkit-background-clip:initial;background-clip:initial;position:absolute;top:0;left:0;transform:translateZ(-30px)}.particle{pointer-events:none;z-index:2147483647;filter:blur(1px);border-radius:50%;transition:opacity 1.5s ease-out;position:absolute}.divline{width:100%;height:1000px;position:absolute}aside{pointer-events:none;z-index:1212212;width:25%;position:fixed;bottom:0;right:0}aside .notif{pointer-events:all;-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);color:#fff;opacity:0;background-color:#22222221;border:2px solid #444;border-radius:10px;margin:20px;padding:10px;font-family:roboto;animation:.5s ease-in-out 2s both fadeIn,.5s ease-in-out 7s both fadeOut}aside .notif h1{align-items:center;margin:15px 10px 10px;font-size:24px;display:flex}aside .notif p{color:#bbb;margin:10px 10px 15px;font-size:16px}@media screen and (width<=900px){aside{width:75%;height:100%;position:fixed;top:0;right:0}#scene-container{display:none}#container_projects{align-items:center!important}}h2{letter-spacing:-.045em;color:#fff;max-width:650px;margin:8px 0 0;font-family:roboto;font-size:clamp(26px,3vw,40px)}section{margin:10px!important;padding:20px!important}@keyframes open{to{width:200px}}@keyframes load{0%{transform:translate(-300px)}to{transform:translate(400px)}}@keyframes openit{to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)rotateX(10deg)}50%{transform:translateY(-20px)rotateX(10deg)}}@keyframes textPulse{0%{opacity:.3;transform:translate(-50%,-50%)scale(.8)}to{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}@keyframes fadeOut{to{opacity:0;transform:translateY(100px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes loadheader{0%{opacity:0;width:0%}to{opacity:1;width:100%}}@keyframes loadheader_content{0%{opacity:0}to{opacity:1}}@keyframes loadpage_main_description{to{opacity:1}}@keyframes down_stats{0%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes up_stats{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes grow_bar_1{0%{width:0%}to{width:90%}}@keyframes grow_bar_2{0%{width:0%}to{width:75%}}@keyframes grow_bar_3{0%{width:0%}to{width:60%}}@keyframes grow_bar_4{0%{width:0%}to{width:40%}}@keyframes clipFade{to{clip-path:inset(0)}}@keyframes glyanc{0%{left:-600px}to{left:600px}}@keyframes conveer-text{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes headertop{0%{transform:translateY(-100%)}to{transform:translateY(0%)}}:root{--header-animation:4.1s;--loadheader-content-animation:1.5s}:root.LoadHidden{--header-animation:1.1s;--loadheader-content-animation:1.5s}header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1;width:0%;height:90px;animation:loadheader .5s var(--header-animation) both ease;color:#fff;will-change:transform, position;background:linear-gradient(#ffffff05,#feffff05);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation-iteration-count:1;display:grid;overflow:hidden;box-shadow:1px 1px 33px #5353534b}header.scrolled{z-index:3113313;border-radius:1px;width:100%;animation:.5s headertop;top:0;position:fixed!important}#logo_header span{width:186.25px;overflow:hidden}header #avatar_header{text-shadow:1px 1px 4px #0000;-webkit-user-select:none;user-select:none;background-image:url(/image/skipper.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-family:roboto;font-size:22px;font-weight:700;display:flex}header #avatar_header span{opacity:0;background:linear-gradient(90deg,#71dfdffd,#73b7f0b9,#61e1f8);color:#0000;-webkit-background-clip:text;background-clip:text;transition:all .4s}header #avatar_header:hover span{opacity:1;transition:all .2s}header .container_header:first-child{justify-self:start;align-items:center;gap:15px;margin-left:20px;display:flex}header.fixed{z-index:1000;width:100%;margin:0 auto;animation:.3s forwards slideDown;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #0000001a;border-radius:0!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}header.fixed-remove{animation:.3s forwards slideUp}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}body.header-fixed{transition:padding-top .3s}header .container_header:nth-child(2){justify-self:end;align-items:center;gap:15px;margin-right:20px;display:flex}header .container_header:nth-child(2) ul{gap:15px;list-style:none;display:flex}header .container_header:nth-child(2) ul li{cursor:pointer;-webkit-user-select:none;user-select:none;margin:3px 5px;padding:4px;font-family:roboto;font-size:17px}header .container_header:nth-child(2) ul li:hover{color:#57a1f7;transform:translateY(-3px)}header .container_header:nth-child(2) ul li:active{color:#07f;transition:color .1s}header #logo_header{flex-direction:column;font-family:roboto;display:flex}header #logo_header span:first-child{font-family:roboto;font-size:20px;font-weight:700}header #logo_header span:nth-child(2){font-family:roboto;font-size:13px}#main_container_header{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;width:100%;height:100%;display:grid;overflow:hidden}footer{color:#fff;background-position:10px;background-size:5%;width:125%;height:30%;margin-top:10px;margin-bottom:40px;font-family:monospace;position:-webkit-sticky}#main_footer_container{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}footer h2{text-align:center;margin:45px 5px 5px}footer #footer_container{justify-content:start;align-items:center;width:97%;height:100%;margin-top:10px;display:flex}footer #footer_container .logocontainer{justify-content:space-between;align-items:center;display:flex}footer #footer_container .container_text_logo{align-self:start}footer #footer_container ul{flex-direction:column;justify-content:center;align-self:center;align-items:start;list-style-type:none;display:flex}footer #footer_container ul li{margin:0 15px 7px;font-family:roboto;font-size:20px}footer #footer_container .logocontainer img{cursor:default;width:40px;position:static}footer #footer_container .logocontainer h1{margin:5px;font-family:DynaPuff;font-size:40px;font-weight:500}footer #footer_container span{font-family:monospace;font-size:20px;font-weight:700}footer #line1{box-sizing:border-box;background:linear-gradient(90deg,#798dfd3d 0,#1093ff3b 24.48%,#1e88e580 47.4%,#1e88e536 100%);width:80%;height:2px;margin:10px;display:block}footer #link_thefuzeexd{justify-content:space-between;align-items:center;width:80%;display:flex}footer #link_thefuzeexd span{font-size:15px}footer #link_thefuzeexd a{color:#949494}#contactMalito{color:#58d0ff;transition:color .1;margin:0;text-decoration:none;display:inline}#contactMalito:hover{color:#5affff}footer a:hover{color:#33bdb1}footer img{-webkit-user-select:none;user-select:none;cursor:pointer;width:30px;margin-right:10px;position:sticky;bottom:10px;left:2630px}footer #ImgBox{width:100%}footer ul{justify-content:start;align-items:center;width:80%;margin:20px auto auto;list-style:none;display:flex}footer ul img{margin:0 15px;padding:0}footer #link_thefuzeexd a{color:#6c758f;transition:color .1;margin:0 15px;padding:3px;font-family:monospace;font-size:18px;text-decoration:none}footer ul a:hover{transform:translateY(-4px)}#link_thefuzeexd span{text-align:center;width:100%}#link_thefuzeexd a{width:auto}#link_thefuzeexd a:last-child{text-align:end}@media screen and (width<=900px){footer{background-size:60%}footer ul{justify-content:center;padding:0}footer ul img{width:20px;padding:1px}}:root{--loadpage-description-animation:4s!important;--loadpage-card-animation:4s!important}main{color:#fff;grid-template-columns:600px 460px;justify-content:center;align-items:center;gap:0;width:100%;padding:30px;display:grid}main .content_text{flex-direction:column;justify-self:start;width:100%;display:flex}main .content_text div:nth-child(2) button:nth-child(2):before{content:"";background-color:#fff;width:10px;height:450%;margin:0;padding:0;animation:8s infinite glyanc;display:block;position:absolute;top:-30px;left:-100px;transform:rotate(30deg);box-shadow:1px 1px 12px #fff}main .content_text div:first-child{flex-direction:column;display:flex}main .content_text div:first-child span:first-child{color:#62d2ff;margin:8px 0;font-family:Sansation;font-size:25px;font-weight:700}main .content_text div:first-child span:nth-child(2){margin:0;padding:0;font-family:roboto;font-size:45px;font-weight:700}main .content_text div:first-child span:nth-child(2) m{color:#0000;background:linear-gradient(45deg,#6d8fff,#00f7ff);-webkit-background-clip:text;background-clip:text}main .content_text div:first-child p{color:#c5c5c5;margin:4px 0;font-family:roboto;font-size:21px;font-weight:300}main .content_text div:nth-child(2) button{color:#c5c5c5;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#101113;border:none;border-radius:13px;width:150px;height:35px;margin:10px 0;font-family:roboto;font-size:16px;font-weight:700;position:relative;overflow:hidden;box-shadow:1px 1px 12px #54a4ff67}main .content_text div:nth-child(2) button:hover{transform:translateY(-3.5px)}main .content_text div:nth-child(2) button:nth-child(2){background-color:#62d2ff;margin-left:15px}main .content_text div:nth-child(2) button:nth-child(2):hover{color:#fff;text-shadow:1px 1px 4px #000}main .content_text div:nth-child(2) button:first-child{overflow:hidden}main .content_text div:nth-child(2) button:first-child:before{content:"";z-index:-1;transform-origin:50%;background:linear-gradient(45deg,#6d8fff,#00f7ff);width:100%;height:100%;transition:transform .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}main .content_text div:nth-child(2) button:first-child:hover:before{color:#888;transform:translate(-50%)scaleX(1)}main .content_text div:nth-child(2) button:first-child:hover{color:#fff;transition:all .2s,box-shadow .4s;box-shadow:1px 1px 12px #ffa0a0}main .content_text ul{flex-wrap:wrap;align-items:center;width:100%;margin-top:0;padding:0;list-style:none;display:flex}main .content_text ul li{color:#696969;background-color:#0e1011;border:1px solid #202020;border-radius:6px;justify-content:center;align-items:center;width:120px;height:31px;margin:10px 10px 10px 0;padding:2px 4px;font-family:roboto;font-size:13px;font-weight:800;display:flex}main .content_card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;width:420px;transform-style:preserve-3d;perspective:600px;background:linear-gradient(#ffffff05,#feffff05);border:1px solid #161616;border-radius:15px;flex-direction:column;justify-self:end;align-items:center;transition:transform .15s;display:flex;position:relative}.content_card_inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .15s}main .content_card_image{background-image:url(/image/avatar.gif);background-repeat:no-repeat;background-size:100%;border-radius:15px;min-width:382px;height:320px;margin:20px;display:block}main .content_card_info{justify-content:center;align-items:center;width:100%;margin-bottom:14px;display:flex}main #content_card_info_name{flex-direction:column;justify-content:center;align-items:start;padding:10px;font-family:roboto;display:flex}main #content_card_info_buttons{justify-content:end;align-items:end;margin-top:10px;padding:20px;display:flex}main #content_card_info_buttons button{color:#fff;background-color:#141313;border:1px solid #b2def0;border-radius:5px;justify-content:center;align-items:center;width:150px;height:40px;margin:5px;font-family:roboto;font-size:18px;font-weight:600;display:flex}main #content_card_info_buttons button:hover{border-color:#62d2ff;transition:all .3s}main #content_card_info_buttons button:active{transition:all .1s;transform:scale(.9);background:#62d2ff!important}main #content_card_info_socials{align-self:start;margin-bottom:20px;margin-left:20px;display:flex}main #content_card_info_socials span:active{color:#fff;transition:all .1s}main #content_card_info_socials span{color:#696969;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ffffff05;border:1px solid #49494952;border-radius:5px;justify-content:center;align-items:center;width:88px;height:32px;margin-right:15px;font-family:roboto;font-size:16px;font-weight:700;display:flex}@media screen and (width<=900px){#container_about{width:96%!important;padding:30px!important}header .container_header:nth-child(2){display:none}main{grid-template-columns:auto}main .content_card{width:100%;height:270px}.content_card_info{margin-top:10px}#content_card_info_name span:nth-child(2){font-size:14px!important}#container_about{flex-direction:column;justify-content:center;align-items:center}#container_about .about{width:100%!important}#container_about .instruments{width:100%;margin-top:25px}#container_projects{flex-direction:column}#container_projects .project{margin-top:40px}#container_projects .project:first-child{margin-top:10px}#container_projects .project #fluffy_img,#Wonderix_img,#AliThemes_img,#uwucat_img,#Edrax_img,#brh_img,#aether_img{background-size:cover;height:180px!important}#container_skills{flex-direction:column;width:100%}#container_skills .skill{margin:10px 0;padding:10px 0}#container_contact{flex-direction:column}.stats div span{font-size:10px}#container_contact .form_contact{align-items:center;width:100%;padding:8px 0}#container_contact .form_contact form{align-items:center}#container_contact .form_contact form input{width:90%}#logo_header span:first-child{font-size:17px!important}#logo_header span:nth-child(2){font-size:12px!important}#link_thefuzeexd a,#link_thefuzeexd span{font-size:11px!important}#container_contact .form_contact form textarea,#container_contact .info_contact{width:90%}.content_text div span:nth-child(2){font-size:20px!important}.content_text div p{font-size:15px!important}}main{overflow:hidden}.content_text{animation:loadpage_main_description 1s var(--loadpage-description-animation) ease both;opacity:0}.content_card{animation:loadpage_main_description 1s var(--loadpage-card-animation) ease both;opacity:0}.react-link{color:#cfcfcf}.react-link:hover{color:#fff;transition:all .2s}.react-link:active{color:#6dd1ff;transition:all .1s}.spanbox{color:#a5a5a5;transition:all .2s;font-size:13px!important;font-weight:400!important}.spanbox:hover{color:#62d2ff;transition:all .2s}.spanbox:last-child:hover{color:#faaca1;transition:all .2s}.spanbox:nth-last-child(2):hover{color:#e2faa1;transition:all .2s}.spanbox:nth-last-child(4):hover{color:#9affcd;transition:all .2s}@media screen and (width<=1200px){main .content_card_image{background-image:url(/image/banner.gif);width:100%;min-width:100%;height:180px;margin:0!important}main{flex-direction:column;display:flex;justify-content:center!important;align-items:center!important}main .content_card{width:100%;height:290px;overflow:hidden}main .content_card_info_buttons{justify-self:end;align-items:end;width:100%;display:flex}main .content_card_info{width:100%;padding:10px 0}}@media screen and (width<=450px){#content_card_info_name span{width:140%;font-size:11px!important}#content_card_info_buttons button{width:100%!important;font-size:4vw!important}}:root{--grow-1:7s;--grow-2:4.3s;--grow-3:4.5s;--grow-4:4.7s;--loadpage-about-animation:4.2s!important}#container_about{opacity:1;color:#fff;justify-content:space-around;gap:0;width:100%;padding:30px 30px 10px;display:flex}#container_about .about{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff05,#feffff05);border-radius:18px;width:60%;padding:10px 15px;box-shadow:1px 1px 12px #76bfff33}#container_about .about h1{margin-bottom:6px;padding-left:10px;font-family:Roboto;font-size:19px}#container_about .about p{color:#afafaf;margin:5px 0 9px;padding-left:10px;font-family:Roboto;font-size:17px}#container_about .stats{justify-content:center;align-items:stretch;display:flex}#container_about .stats div{text-shadow:1px 1px 1px #000;-webkit-user-select:none;user-select:none;background-color:#121214;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:90%;margin:10px 14px;animation:.3s ease-in-out both down_stats;display:flex;overflow:hidden;box-shadow:1px 1px 12px #76bfff3a}#container_about .about:hover .stats div:nth-child(2){transition-delay:.25s;animation-delay:.25s}#container_about .about:hover .stats div:nth-child(3){transition-delay:.55s;animation-delay:.55s}#container_about .stats h2{margin:15px 10px 10px;padding:0;font-family:roboto}#container_about .stats div span{text-align:center;margin-bottom:10px;font-family:roboto}.instruments{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff05,#feffff05);border-radius:18px;flex-direction:column;justify-content:space-around;align-items:center;width:25%;padding:10px 15px;font-family:roboto;display:flex;box-shadow:1px 1px 12px #76bfff33}.instruments:hover{transition:all .3s}.instruments h1{margin-bottom:10px;padding-left:10px;font-family:Roboto;font-size:19px}.instruments span{margin-bottom:6px;padding-left:10px;font-size:17px}.instruments .bar{background-color:#1e1e24;border-radius:8px;width:90%;height:12px;margin:6px 10px}.instruments .bar div{background-color:#8effff;border-radius:8px;width:0%;height:100%;transition:all .4s}.instruments .TaskBar:first-child .bar div{animation:.4s ease-in-out both grow_bar_1;animation-delay:var(--grow-1)}.instruments .TaskBar:nth-child(2) .bar div{animation:.4s ease-in-out both grow_bar_2;animation-delay:var(--grow-2)}.instruments .TaskBar:nth-child(3) .bar div{animation:.4s ease-in-out both grow_bar_3;animation-delay:var(--grow-3)}.instruments .TaskBar:nth-child(4) .bar div{animation:.4s ease-in-out both grow_bar_4;animation-delay:var(--grow-4)}.instruments #container_bars{flex-direction:column;align-self:center;width:100%;margin-bottom:10px;display:flex}#navigator_marquee{pointer-events:none;width:100%;margin:18px 0 0;padding:11px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.conveer{will-change:transform;width:max-content;animation:26s linear infinite conveer-text;display:flex}.conveer-group{flex:none;align-items:center;gap:34px;padding-right:34px;display:flex}.conveer-text{color:#ffffff6b;letter-spacing:.3em;text-shadow:0 0 14px #79e1ff47;white-space:nowrap;font:700 12px/1 monospace}@media (prefers-reduced-motion:reduce){.conveer{animation:none}}#container_projects{justify-content:space-between;align-items:stretch;margin:20px 0;display:flex}#container_projects:last-child{margin-bottom:0}#container_projects:nth-child(3){margin-top:30px}#Project{width:100%;padding:0 30px 10px}#Wonderix_img{background-image:url(/image/wonderix.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;width:100%;height:11vw}#uwucat_img{background-image:url(/image/uwucat.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;width:100%;height:11vw}#Edrax_img{background-image:url(/image/noda.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;width:100%;height:11vw}#AliThemes_img{background-image:url(/image/aliucord.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;width:100%;height:11vw}#brh_img{background-image:url(/image/brh.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;width:100%;height:11vw}#aether_img{background-image:url(/image/aether.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;width:100%;height:11vw}.project{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#8effff05,#d1ffff05);border:1px solid #0000;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;margin:0 20px;padding:15px;display:flex;box-shadow:1px 1px 12px #76bfff33}.project:hover{border-color:#76bfff}#Project h1:first-child{color:#fff;padding-bottom:10px;font-family:roboto;font-size:18px}.project img{border-radius:20px;align-self:center;width:98%;height:190px;padding:10px 10px 0;transition:transform .3s;box-shadow:0 4px 8px #0000001a}.project h1{color:#fff;margin-left:8px;padding:0;font-family:roboto;font-size:18px}.project p{color:#afafaf;margin-top:0;margin-bottom:10px;margin-left:8px;font-family:roboto;font-size:14px}.project .project_footer{justify-content:space-between;align-items:center;display:flex}.project .project_footer span{color:#797979;margin-left:8px;font-family:roboto;font-size:16px}.project .project_footer button{color:#a5a5a5;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0e1214;border:1px solid #949494b6;border-radius:4px;padding:10px 16px;font-family:roboto;font-size:12px;font-weight:600;transition:background-color .3s,color .3s;box-shadow:1px 1px 8px #a1d3ff36}.project .project_footer button:hover{color:#fff;background-color:#76bfff;border-color:#b2def0}.project #fluffy_img{background-image:url(/image/fluffy.webp);background-repeat:no-repeat;background-size:100%;border-radius:15px;width:98%;height:11vw}@media screen and (width<=900px){.project .project_footer{margin-bottom:5px}}#Skills{color:#fff;width:100%;padding:0 30px 10px;font-family:roboto}#Skills #title_skills:first-child{color:#fff;padding-bottom:10px;font-family:roboto;font-size:18px}#container_skills{justify-content:space-between;align-items:stretch;display:flex}.skill{background:linear-gradient(#111,#121318);border:1px solid #9cdeff1f;border-radius:18px;width:100%;margin:0 10px 10px;padding:10px;position:relative;overflow:hidden;box-shadow:1px 1px 12px #76bfff33}.skill:after{content:"";border:1px solid #7ee5ff29;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-58px;right:-45px}.skill-index{color:#62d2ff;letter-spacing:.08em;margin:10px;font:10px monospace;display:block}.skill h1{color:#fff;margin:10px 10px 0;font-family:roboto;font-size:18px}.skill p{color:#afafaf;margin:10px}.skill:hover{border-color:#79e1ffad;transform:translateY(-10px)}#Contact{box-sizing:border-box;color:#fff;width:100%;margin-top:30px;padding:0 30px 30px;font-family:Roboto,sans-serif}.container_contact{grid-template-columns:minmax(240px,.82fr) minmax(460px,1.18fr);align-items:center;gap:48px;width:min(980px,90%);margin:auto;display:grid}.contact-copy{text-align:end;max-width:390px}.contact-eyebrow{color:#62d2ff;letter-spacing:.12em;text-transform:uppercase;font:700 11px/1.2 monospace}#title_contact{margin:10px 0;font-size:clamp(30px,3vw,38px)}.contact-copy p{color:#bdc4c8;margin:0;line-height:1.6}.terminal-shell{background:linear-gradient(135deg,#0f171bf7,#080c0ffa);border:1px solid #70d1ff45;border-radius:16px;min-height:310px;font-family:Courier New,monospace;overflow:hidden;box-shadow:0 20px 42px #00000047,0 0 28px #3dc4ff14}.terminal-header{color:#9ba8ab;background:#ffffff06;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;height:42px;padding:0 15px;font-size:12px;display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dots i{background:#ff7166;border-radius:50%;width:8px;height:8px}.terminal-dots i:nth-child(2){background:#ffc760}.terminal-dots i:nth-child(3){background:#74dc8e}.terminal-status{color:#5bd7e8;text-transform:uppercase;margin-left:auto;font-size:10px}.terminal-output{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#32545b transparent;height:268px;padding:18px;overflow-y:auto}.terminal-line{color:#b9c7c8;word-break:break-word;margin:0 0 10px;font-size:13px;line-height:1.42}.terminal-line:before{content:"› ";color:#5d8990}.terminal-line.success{color:#9bf2b3}.terminal-line.accent,.terminal-line.prompt{color:#78d9ff}.terminal-line.command{color:#f8e39b}.terminal-line.error{color:#ff9c9c}.terminal-line.final{margin-top:17px;font-weight:700}.cursor{color:#80e9ff;animation:.8s step-end infinite terminal-blink}.terminal-form{align-items:center;gap:8px;margin-top:12px;display:flex}.terminal-form label{color:#78d9ff;white-space:nowrap;font-size:12px}.terminal-form input{color:#fff;caret-color:#76dbff;min-width:0;font:inherit;background:0 0;border:0;border-bottom:1px solid #68d9ff8c;border-radius:0;outline:0;flex:1;padding:5px 2px;font-size:13px}.terminal-form input:focus{border-bottom-color:#8ce8ff}.terminal-form button{cursor:pointer;color:#102327;background:#7adcf1;border:0;border-radius:5px;padding:6px 9px;font:700 11px monospace}.terminal-form button:disabled{cursor:wait;opacity:.65}.terminal-help{color:#ffabab;margin:12px 0 0;font:11px monospace}.mobile-contact-form{display:none}@keyframes terminal-blink{50%{opacity:0}}@media screen and (width<=900px){.contact-copy{text-align:center}#Contact{margin-top:12px;padding:24px 20px}.container_contact{flex-direction:column;align-items:stretch;gap:22px;width:100%;display:flex}.contact-copy{max-width:none}.terminal-shell{display:none}.mobile-contact-form{background:linear-gradient(145deg,#1b2328e6,#0f1317f5);border:1px solid #68d6ff2e;border-radius:17px;flex-direction:column;gap:9px;padding:20px;display:flex;box-shadow:0 14px 34px #00000038}.mobile-contact-form label{color:#c8d3d6;margin-top:6px;font-size:13px}.mobile-contact-form input{box-sizing:border-box;color:#fff;background:#060a0cb8;border:1px solid #75b8cb47;border-radius:9px;outline:none;height:44px;padding:0 13px}.mobile-contact-form input:focus{border-color:#62d2ff;box-shadow:0 0 0 3px #62d2ff1a}.mobile-contact-form button{cursor:pointer;color:#071215;background:#62d2ff;border:0;border-radius:9px;align-self:flex-start;margin-top:5px;padding:11px 17px;font:700 14px Roboto,sans-serif}.mobile-contact-form button:disabled{cursor:wait;opacity:.65}.mobile-error{color:#faa;margin:2px 0;font-size:12px}.mobile-success{color:#9bf2b3;margin:8px 0 0;line-height:1.45}}#navigator{flex-direction:column;justify-content:center;width:100%;padding:0 30px 10px;display:flex}#navigator h1{color:#fff;padding-bottom:10px;font-family:roboto;font-size:18px}#container_navigator{justify-content:space-around;align-items:center;display:flex}@media screen and (width<=900px){#container_navigator,#navigator_marquee:first-child{display:none}}.channel-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:linear-gradient(#ffffff05,#feffff05);border-radius:18px;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:10px;padding:15px;font-family:roboto;display:flex}.channel-info img{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:50%;width:50px;height:50px}.channel-info div{flex-direction:column;width:100%;display:flex}.channel-info p{margin:0;font-size:16px}.channel-info button{color:#fff;cursor:pointer;background-color:#1da1f2;border:none;border-radius:8px;margin-left:auto;padding:10px 20px;font-family:roboto;font-weight:900;transition:background-color .3s}.channel-info a{text-decoration:none}.channel-info button:hover{background-color:#0d8ddb}.channel-info button:active{background-color:#0a6aa8}.channel-info a button{align-items:center;gap:10px;display:flex}.channel-info a button img{width:20px;height:20px}.container-object:first-child #mail-title{cursor:copy;-webkit-user-select:none;user-select:none;color:#fff;background:#b9393900;border-radius:5px;width:89%;padding-bottom:10px;font-family:roboto;transition:background .3s}.container-object:first-child #mail-title:hover{background:#72727248;transition:color .3s,background .3s}.container-object:first-child #mail-title:active{background:#72727298;transition:color .3s,background .1s}#skills_container{flex-direction:column;gap:10px;width:100%;display:flex}#title_navigator_skills{text-align:center;width:100%;margin:0;padding:0}.container-object:first-child h1,.container-object:nth-child(3) h1{text-align:center}.container-object:last-child h2{font-size:clamp(26px,3vw,30px)}.container-object:last-child div{width:100%!important}.container-object:last-child .channel-info{margin:10px 0;padding:10px;width:100%!important}.container-object{flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;margin:0 20px;display:flex}.container-object:nth-child(3) div{text-align:end;align-items:flex-end}#mask-gl canvas{z-index:1213313;position:relative;top:20px;height:400px!important}@media screen and (width<=1400px){#mask-gl{display:none}}#preview{color:#fff;border-radius:28px;grid-template-columns:minmax(300px,420px) minmax(0,1fr);grid-template-areas:"model content";align-items:center;gap:clamp(30px,5vw,74px);width:90%;margin-top:18px;padding:clamp(22px,3vw,38px);font-family:Roboto,sans-serif;display:grid}.preview-model-shell{aspect-ratio:1;background:radial-gradient(circle at 50% 42%,#68daff2e,#0000 44%),#040a0f80;border:1px solid #a0e7ff30;border-radius:22px;grid-area:model;justify-self:start;width:min(420px,100%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 24px 55px #00000047}.preview-model-shell:before,.preview-model-shell:after{content:"";z-index:3;pointer-events:none;position:absolute}.preview-model-shell:before{border:1px solid #b1efff24;border-radius:15px;inset:12px}.preview-model-shell:after{opacity:.7;background:linear-gradient(90deg,#0000,#98ecff,#0000);width:70%;height:1px;bottom:20px;left:15%;box-shadow:0 0 15px #71e2ff}.preview-canvas{z-index:1;cursor:grab;position:absolute;inset:0}.preview-canvas:active{cursor:grabbing}.preview-model-glow{z-index:0;filter:blur(36px);background:#60d7ff2b;border-radius:50%;animation:4s ease-in-out infinite preview-breathe;position:absolute;inset:17%}.preview-status{z-index:4;color:#d9f7ff;white-space:nowrap;background:#050c11c7;border:1px solid #b3edff33;border-radius:99px;align-items:center;gap:9px;padding:9px 13px;font:11px monospace;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-status i{background:#8feeff;border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite preview-pulse;box-shadow:0 0 12px #8feeff}.preview-status--error{color:#ffc4c4;text-align:center}.preview-controls{z-index:4;gap:8px;display:flex;position:absolute;bottom:22px;right:22px}.preview-controls button{cursor:pointer;background:#ffffff52;border:0;border-radius:50%;width:8px;height:8px;padding:0}.preview-controls button.is-active{background:#9af0ff;border-radius:99px;width:25px;box-shadow:0 0 12px #74e4ffcc}.preview-drag-hint{z-index:4;color:#cdf4ff80;letter-spacing:.08em;text-transform:uppercase;font:10px/1 monospace;position:absolute;bottom:24px;left:23px}.preview-copy-shell{grid-area:content;justify-self:end;min-width:0;max-width:760px}.preview-copy{animation:.45s cubic-bezier(.2,.8,.2,1) both preview-copy-in}.preview-eyebrow{color:#8be8ff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:11px;font:700 11px/1 monospace;display:inline-block}.preview-copy h2{color:#fff;letter-spacing:-.045em;text-shadow:0 3px 18px #00000073;max-width:640px;margin:0 0 13px;font-family:Stick,Roboto,sans-serif;font-size:clamp(29px,3vw,44px);line-height:1.03}.preview-intro{color:#c5d0d4;max-width:610px;margin:0 0 22px;font-size:15px;line-height:1.6}.preview-points{background:#a8e3ff1a;border:1px solid #a8e3ff1f;border-radius:16px;gap:1px;display:grid;overflow:hidden}.preview-point{background:#050d137a;grid-template-columns:36px 1fr;gap:12px;padding:14px 16px;display:grid}.preview-point>span{color:#79def7;padding-top:2px;font:11px monospace}.preview-point h3{color:#edfbff;margin:0 0 4px;font-size:14px}.preview-point p{color:#aebbc0;margin:0;font-size:12px;line-height:1.5}.preview-tags{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.preview-tags span{color:#c8f6ff;background:#ffffff09;border:1px solid #b5ddeb29;border-radius:99px;padding:6px 9px;font:10px monospace}@keyframes preview-breathe{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:.9;transform:scale(1.1)}}@keyframes preview-pulse{50%{opacity:.3;transform:scale(.7)}}@keyframes preview-copy-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=900px){#preview{grid-template-columns:1fr;grid-template-areas:"model""content";gap:27px;width:100%;margin-top:10px}.preview-copy-shell,.preview-model-shell{width:100%!important}.preview-model-shell,.preview-copy-shell{justify-self:center;width:min(420px,100%)}}@media (prefers-reduced-motion:reduce){.preview-model-glow,.preview-status i,.preview-copy{animation:none}}#services{color:#fff;width:100%;padding:38px 30px 20px;font-family:Roboto,sans-serif}.services-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:18px;display:flex}.section-kicker{color:#78dcff;letter-spacing:.14em;text-transform:uppercase;font:700 11px/1.2 monospace}.services-heading h2{letter-spacing:-.045em;max-width:650px;margin:8px 0 0;font-size:clamp(26px,3vw,40px)}.services-heading>p{color:#aab4ba;max-width:350px;margin:0;font-size:14px;line-height:1.55}.services-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.service-card,.process-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(140deg,#9aecff17,#0c1217ad 42%,#789fff0f);border:1px solid #a1ddff24;box-shadow:0 15px 40px #0000002e}.service-card{border-radius:20px;min-height:235px;padding:22px;position:relative;overflow:hidden}.service-card:hover{border-color:#79e1ffb8;transform:translateY(-7px);box-shadow:0 20px 50px #53bdff29}.service-number{color:#78dcff;font-family:monospace;font-size:12px}.service-orb{border:1px solid #9bedff52;border-radius:50%;width:116px;height:116px;position:absolute;top:-34px;right:-30px;box-shadow:inset 0 0 28px #5fdbff21,0 0 35px #59cdff14}.service-orb:after{content:"";border-radius:inherit;border:1px solid #ffffff2e;position:absolute;inset:20px}.service-card h3{letter-spacing:-.03em;margin:42px 0 10px;font-size:21px}.service-card p{color:#afb8bd;min-height:60px;margin:0;font-size:13px;line-height:1.55}.service-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.service-tags span{color:#c8f6ff;background:#ffffff09;border:1px solid #b5ddeb26;border-radius:99px;padding:5px 8px;font:10px monospace}.process-panel{border-radius:20px;grid-template-columns:minmax(220px,.85fr) 2fr;gap:36px;margin-top:15px;padding:26px;display:grid}.process-intro h3{letter-spacing:-.045em;margin:10px 0 25px;font-size:25px;line-height:1.05}.availability{color:#b9c5cb;align-items:center;gap:8px;font-size:12px;display:inline-flex}.availability i{background:#8effc2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 13px #8effc2}.process-steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.process-step{border-left:1px solid #95ddff40;padding-left:14px}.process-step>span{color:#78dcff;font:12px monospace}.process-step h4{margin:18px 0 7px;font-size:15px}.process-step p{color:#9ba7ad;margin:0;font-size:12px;line-height:1.55}@media screen and (width<=900px){#services{padding:28px 30px 10px}.services-heading,.process-panel{flex-direction:column;align-items:stretch;display:flex}.services-grid{grid-template-columns:1fr}.service-card{min-height:190px}.process-steps{grid-template-columns:1fr;gap:22px}.process-step h4{margin-top:8px}}:root{--surface-bg:linear-gradient(140deg, #9aecff17, #0c1217c2 45%, #789fff0f);--surface-border:#a1ddff29;--surface-border-hover:#79e1ffb8;--surface-shadow:0 15px 40px #0000003d, inset 0 1px 0 #ffffff09;--surface-radius:20px}:is(header,main .content_card,#container_about .about,.instruments,#container_about .stats div,.skill,.project,#preview,.channel-info,.form_contact,.service-card,.process-panel){border:1px solid var(--surface-border);background:var(--surface-bg);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:is(header,main .content_card,#container_about .about,.instruments,.skill,.project,#preview,.channel-info,.form_contact,.service-card,.process-panel){isolation:isolate;position:relative}:is(main .content_card,#container_about .about,.instruments,.skill,.project,#preview,.channel-info,.form_contact,.service-card,.process-panel):before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:.9;background:linear-gradient(115deg,#b9f5ff1a,#0000 32% 72%,#87a4ff12);position:absolute;inset:0}:is(#container_about .about,.instruments,.skill,.project,.channel-info,.form_contact):hover{border-color:var(--surface-border-hover);box-shadow:0 20px 52px #34aee826,inset 0 1px #ffffff14}.project:hover,.skill:hover{transform:translateY(-6px)}.channel-info:hover{transform:translateY(-4px)scale(1.015)}main .content_card,#container_about .about,.instruments,.skill,.project,.form_contact{border-radius:var(--surface-radius)}#container_about .stats div{background:#080e1394;border:1px solid #a8e3ff1f;box-shadow:inset 0 1px #ffffff08,0 10px 25px #00000029}#container_about .about:hover .stats div{background:#00f7ff;border-color:#defcffb3;animation:.3s ease-in-out both up_stats;box-shadow:0 12px 28px #4fddff33}:is(main .content_text div:nth-child(2) button,main #content_card_info_buttons button,.project .project_footer button,.channel-info button,.form_contact button){background:linear-gradient(145deg,#2b4551e6,#0c1319f2);border:1px solid #a6e3ff52;box-shadow:inset 0 1px #ffffff12,0 8px 22px #00000038}:is(.form_contact button:hover){color:#071116;background:linear-gradient(145deg,#93edff,#5dc5fa);border-color:#d2f8ff}.form_contact form input{background:#060c10b8;border:1px solid #a8e3ff1f}@media screen and (width<=900px){:is(.project:hover,.skill:hover,.channel-info:hover){transform:none}}