*{padding:0;margin:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}#page1,#page4,#page2,#page3,#page5,#resume_page,#contact{scroll-margin-top:40px}#page1{min-height:100vh;width:100%;background:#000000ec;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow-x:hidden}.gradient-text{background:linear-gradient(90deg,#b0b0b0,#181818,#c4c4c4,#f76300,red,#464646);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:moveGradient 6s ease-in-out infinite}.fiery-text{background:linear-gradient(0deg,#b80500,#ff2a00 18%,#f50 38%,#f90 62%,#fc0 82%,#fff);background-size:100% 250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fireWave 3.5s ease-in-out infinite alternate;filter:drop-shadow(0 -2px 5px rgba(255,200,50,.75)) drop-shadow(0 -6px 14px rgba(247,99,0,.6)) drop-shadow(0 -12px 25px rgba(255,40,0,.4)) drop-shadow(0 0 35px rgba(247,99,0,.3))}@keyframes fireWave{0%{background-position:0% 10%;filter:drop-shadow(0 -2px 5px rgba(255,190,40,.7)) drop-shadow(0 -5px 12px rgba(247,99,0,.55)) drop-shadow(0 -10px 22px rgba(255,30,0,.35)) drop-shadow(0 0 30px rgba(247,99,0,.25))}50%{background-position:0% 70%;filter:drop-shadow(0 -3px 8px rgba(255,220,80,.85)) drop-shadow(0 -8px 18px rgba(255,110,0,.7)) drop-shadow(0 -15px 30px rgba(255,40,0,.5)) drop-shadow(0 0 45px rgba(247,99,0,.4))}to{background-position:0% 95%;filter:drop-shadow(0 -2px 5px rgba(255,190,40,.7)) drop-shadow(0 -5px 12px rgba(247,99,0,.55)) drop-shadow(0 -10px 22px rgba(255,30,0,.35)) drop-shadow(0 0 30px rgba(247,99,0,.25))}}@keyframes moveGradient{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.glitch-name-heading{display:inline-flex;flex-wrap:wrap;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.15;margin:25px 0;font-size:clamp(20px,4vw,90px);font-family:Times New Roman,Times,serif;font-weight:bolder;background:linear-gradient(0deg,#b86800,#ff2a00 18%,#f50 38%,#fda014 62%,#fc5b16 82%,#ff9100);background-size:100% 250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fireWave 3.5s ease-in-out infinite alternate;filter:drop-shadow(0 -1px 5px rgba(255,200,50,.297)) drop-shadow(0 -2px 14px rgba(247,99,0,.6)) drop-shadow(0 -9px 19px rgba(255,38,0,.212)) drop-shadow(0 0 35px rgba(247,99,0,.3))}.glitch-name-char{display:inline-block;transition:transform .4s ease,opacity .4s ease,filter .4s ease;white-space:pre;vertical-align:middle;opacity:1;transform:translateY(0);filter:blur(0px)}.glitch-name-char.space-char{display:inline-block;width:.35em}.glitch-name-char.glitch-in{opacity:0;transform:translateY(10px);filter:blur(6px)}.glitch-name-char.russian-active{opacity:1;transform:translateY(0);filter:blur(0px);font-size:.95em;color:#ffb86c;-webkit-text-fill-color:#ffb86c;filter:drop-shadow(0 0 5px rgba(255,150,0,.6)) drop-shadow(0 0 12px rgba(247,99,0,.35))}.glitch-name-char.glitch-out{opacity:0;transform:translateY(-5px);filter:blur(6px)}nav{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}nav ul{list-style-type:none;display:flex;align-items:center;gap:20px;gap:clamp(20px,4vw,60px);visibility:visible;transition:all .5s}nav ul li a{text-decoration:none;color:#c9c9c9;font-size:clamp(15px,1.1vw,18px);font-weight:300;transition:all .5s}.hover-link{position:relative;text-decoration:none;color:#c9c9c9}.hover-link:after{content:"";position:absolute;left:0;bottom:-5px;width:0px;height:2px;background-color:#f76300;transition:width .3s ease}.hover-link:hover:after{width:100%}nav ul li a:hover{color:#e7e7e7;cursor:pointer;text-shadow:0 0 2px rgb(247,99,0),0 0 20px rgb(255,0,0),0 0 60px rgb(223,53,2)}nav section,#logo-section{display:flex;align-items:center;gap:13px;text-decoration:none}nav section h3,#logo-section h3{color:#c9c9c9}nav img{height:50px;width:50px;transition:all .3s ease}nav img:hover{cursor:pointer;transform:scale(1.12)}h1{color:#000}#more-icon-btn{display:none;background:transparent;border:none;cursor:pointer;padding:8px;color:#c9c9c9;font-size:1.5rem;align-items:center;justify-content:center;transition:color .3s ease,transform .3s ease}#more-icon-btn:hover{color:#f76300;transform:scale(1.1)}#more-icon{visibility:hidden}#main{display:grid;grid-template-columns:1fr 1fr;max-width:95%;margin:0 auto;padding:0 20px;align-items:center;flex:1}#my-content{display:flex;align-items:center;justify-content:center}#my-picture{display:flex;justify-content:center}#intro-text{font-size:clamp(17px,2vw,90px);color:#c9c9c9;transition:all .5s;font-weight:300}div h2{color:#c9c9c9;font-size:clamp(20px,4vw,90px);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-family:Times New Roman,Times,serif;font-weight:bolder;color:#f76300;margin:25px 0}div h3{color:#c9c9c9}div p{color:#c9c9c9;margin:25px 0;line-height:29px;font-weight:300}#me{height:600px;filter:brightness(110%);transition:all .5s}#me:hover{cursor:pointer;transform:scale(1.03);filter:brightness(80%)}#skills-container{display:flex;flex-wrap:wrap;gap:10px 0px}.skills{color:#dcdcdc;font-size:clamp(11px,.9vw,13px);text-decoration:none;border:2px solid rgb(97,97,97);margin-right:15px;padding:5px 15px;border-radius:18px;transition:all .3s;background-color:#08080834}.skills:hover{transform:scale(1.04);color:#dcdcdc;border:2px solid rgb(247,99,0)}.skills:nth-of-type(1){color:#dcdcdc;font-weight:700}#view-work-btn{margin-right:15px;padding:10px 27px;border-radius:18px;transition:all .3s}#about-logos-container{margin-top:65px;display:flex;flex-direction:row;align-items:center;padding:0 10px}#text-arrows{color:#747474;color:#11c011;width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6);display:none}#logos-line{background:linear-gradient(90deg,#11c011,#05240e,#05240e,#11c011);background-size:400% 400%;filter:contrast(1.6);height:1px;width:100%;display:none}@media(max-width:992px){#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#page1{min-height:100vh;width:100%;background:#000000ec}#more-icon-btn{display:flex}#more-icon{visibility:visible}nav{height:60px;position:relative}nav ul{position:absolute;top:60px;right:15px;left:auto;width:min(240px,80vw);background:#0e0e0ef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(76,76,76,.65);border-radius:14px;box-shadow:0 15px 35px #000000d9,0 0 20px #f7630033;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 20px;transform-origin:top right;transform:scale(.85) translateY(-10px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease,visibility .3s;z-index:999}nav ul.nav-active{transform:scale(1) translateY(0);opacity:1;visibility:visible;pointer-events:auto}nav ul li{width:100%}nav ul li a{display:block;width:100%;font-size:15px;font-weight:400;padding:2px 0}nav img{height:35px;width:35px;transition:all .3s ease}div h2{margin:10px 0}div p{margin-top:6px}#main{display:grid;padding:0 20px;grid-template-rows:.2fr 1fr;grid-template-columns:1fr;align-items:center;gap:20px}#content-box{display:flex;flex-direction:column;justify-content:center;align-self:center;align-items:center;padding:0 20px}#skills-container{display:flex;justify-content:center;flex-wrap:wrap}#content-box p{text-align:center;margin:15px 0}.skills{margin-bottom:7px;font-size:clamp(12px,.9vw,17px)}#my-picture{grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;justify-self:center;margin:0 auto;width:max-content}#me{height:450px}#my-content{grid-row-start:2;grid-row-end:3;display:flex;flex-direction:column;justify-content:center;align-self:center;align-items:center}#about-logos-container{margin-top:65px;display:flex;flex-direction:row;align-items:center;padding:0 10px;width:80vw}#text-arrows{width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6)}#logos-line{filter:contrast(1.6);height:2px;width:100%}#intro-text{font-size:clamp(23px,2vw,90px)}div h2{font-size:clamp(22px,5vw,90px)}}@media(max-width:600px){#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#page1{min-height:100vh;width:100%;background:#000000ec}#more-icon-btn{display:flex}#more-icon{visibility:visible}nav{height:60px}nav img{height:35px;width:35px;transition:all .3s ease}div h2{margin-top:5px;margin-bottom:0;font-size:clamp(30px,5vw,90px)}#content-box p{text-align:center;margin:15px 0}div p{margin-top:6px;font-size:clamp(14px,.9vw,17px)}#skills-container{display:flex;flex-wrap:wrap;gap:2px 0px;justify-content:center}#main{display:grid;padding:0 5px;grid-template-rows:.2fr 1fr;grid-template-columns:1fr;justify-content:center;justify-self:center}#me{height:350px}section{display:flex;flex-wrap:wrap;justify-content:center}.skills{margin-bottom:2px;font-size:clamp(9px,.9vw,17px);margin-right:6px;padding:5px 8px}#my-picture{grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;height:300px}#my-content{grid-row-start:2;grid-row-end:3;justify-content:center}#content-box{display:flex;flex-direction:column;justify-content:center;align-self:center;align-items:center}#view-work-btn{width:80vw;padding:0}#about-logos-container{margin-top:65px;display:flex;flex-direction:row;align-items:center;padding:0 10px}#text-arrows{color:#747474;width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6)}#logos-line{filter:contrast(1.6);height:2px;width:100%}}@keyframes image-anime{0%{scale:1;opacity:1}to{scale:.7;opacity:.4}}#me{animation-name:image-anime;animation-range:exit 10%;animation-timeline:view();animation-timing-function:ease-out}@keyframes all-text-anime{0%{scale:1;opacity:1}to{scale:.7;opacity:.4}}#content-box h1,#content-box h2{animation-name:all-text-anime;animation-range:exit 0;animation-timeline:view();animation-timing-function:ease-out}#skills-container{animation-name:image-anime;animation-range:exit 0;animation-timeline:view();animation-timing-function:ease-out}#about-logos-container{animation-name:all-text-anime;animation-range:exit 0;animation-timeline:view();animation-timing-function:linear}@keyframes skills-anime{0%{transform:translate(-200px)}to{transform:translate(0)}}.skills{animation-name:skills-anime;animation-duration:.5s;animation-timing-function:linear}@keyframes paragraph-anime{0%{scale:0}to{scale:1}}#content-box p{animation-name:paragraph-anime;animation-duration:1s;animation-timing-function:linear;transition:all .5s}@keyframes move-around{0%{background-position:0% 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0% 50%}}#logos-line{animation-name:move-arounda;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}#bottom-container{width:100%;position:relative;padding:12px 0 14px;margin-top:auto;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;overflow:hidden}.russian-char-list{list-style:none;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;padding:0 20px;margin:0;gap:4px;box-sizing:border-box}.russian-char{color:#f76300;font-family:Courier New,Courier,monospace,Trebuchet MS,sans-serif;font-size:clamp(14px,1.35vw,22px);font-weight:300;text-shadow:0 0 6px rgba(247,99,0,.7),0 0 14px rgba(247,99,0,.35);-webkit-user-select:none;user-select:none;cursor:default;display:flex;align-items:center;justify-content:center;flex:1;min-width:20px;height:28px;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),opacity .22s ease,filter .22s ease,text-shadow .22s ease,color .22s ease;opacity:.9}.russian-char span{display:inline-block;transition:inherit}.russian-char:hover{cursor:crosshair;transform:scale(1.4) translateY(-3px);opacity:1;color:#ff9d47;text-shadow:0 0 8px rgb(247,99,0),0 0 20px rgb(255,120,20),0 0 35px rgb(255,60,0)}.russian-char.glitching{opacity:.15;transform:translateY(5px) scale(.8);filter:blur(5px);text-shadow:0 0 25px rgb(255,255,255),0 0 35px rgb(247,99,0)}@media(max-width:992px){#bottom-container{padding:8px 0 10px}.russian-char-list{padding:0 10px;gap:3px}.russian-char{min-width:16px;height:24px;font-size:clamp(12px,1.6vw,16px)}}@media(max-width:600px){#bottom-container{padding:6px 0 8px}.russian-char-list{padding:0 4px;gap:2px}.russian-char{min-width:10px;height:18px;font-size:clamp(9px,2.7vw,13px)}}#page2{min-height:100vh;width:100%;background-color:#000;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background:linear-gradient(90deg,#041709,#000,#000,#000,#000,#000,#000,#041709);background:linear-gradient(90deg,#131313,#0000001f,#000000e1,#000000df,#000000e3,#000000df,#000d,#0d0d0d),url(/public/pexels-eva-bronzini-6914875.jpg);background:#000;background:#000000ec}#intro-heading{font-size:clamp(22px,1vw,25px);font-weight:700;text-align:center;color:#c9c9c9;padding:20px}#page2-container{display:flex;justify-content:center;align-items:center;min-height:90vh}#box-container{max-width:90%;padding:20px;display:flex;justify-self:center;gap:60px;flex-wrap:wrap;justify-content:center}.box{max-width:350px;border-radius:18px;padding:0 20px 20px;cursor:pointer;box-shadow:-2px 19px 19px -19px #ff3300b1;transition:all .5s;border:1px solid transparent;border-image:linear-gradient(to top,rgb(213,213,213),transparent,transparent);border-image-slice:1;background:linear-gradient(#000,#000,#000,#0f0f0f,#0f0f0f);background:linear-gradient(#0000,#0000,#00000097,#0f0f0f,#0f0f0f)}.box:hover{transform:scale(1.06)}#box-container p{line-height:normal;width:90%;margin:auto auto 20px;font-size:clamp(15px,4vw,15px);font-weight:200}.box-image{width:300px;height:300px;display:flex;justify-self:center;background-position:center;background-size:cover}.box:nth-of-type(1) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/graphicdesign1-Cr0whkg1.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(2) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/webdev4-b9SxjZTo.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(3) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/music-B_P23wQC.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(3):hover .box-image div{visibility:hidden}#role-container{display:flex;background:linear-gradient(90deg,#363636,#000);width:43%;height:8%;color:#ababab;justify-content:center;align-items:center;align-self:end;border-radius:20px;margin-left:auto;margin-right:auto;transition:all .03s}#role-container h5{font-weight:500}.skills-logos2{color:#f76300;width:35px;height:35px;display:flex;margin-left:auto;margin-right:auto;margin-bottom:10px;border-radius:50%}.box:nth-of-type(4) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/animation1-f-_6Df3b.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(5) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/programming2-CBwdGTuH.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.box:nth-of-type(6) .box-image{background:linear-gradient(#0000,#0000,#000000fc),url(/assets/3dartist1-Dw-5112e.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;padding:20px}#box-container h3{text-align:center;margin-bottom:20px;margin-top:20px;font-size:clamp(16px,4vw,25px);color:#cfcfcf;font-weight:400;transition:all .5s;padding:2px 10px;display:flex;justify-self:center;justify-content:center;width:85%;border-bottom:1px solid rgb(183,183,183);background:transparent}#box-container h3:hover{transform:scale(1.05)}.technologies{display:flex;flex-wrap:wrap;gap:6px;justify-self:center;width:90%;justify-content:center;margin-top:20px}.technologies h5{border:1px solid rgb(187,187,187);padding:2px 10px;border-radius:10px;font-size:12px;transition:all .5s;color:#c2c2c2;border:1px solid rgb(106,106,106);font-weight:400}.technologies h5:hover{color:#cbcbcb;border:1px solid rgb(247,99,0)}a{text-decoration:none}#box-container a{color:#d8d8d8;background-color:#313131;padding:5px 25px;border-radius:10px;display:flex;justify-self:center;margin-bottom:35px;font-weight:900;font-size:18px;letter-spacing:2px}@media(max-width:992px){#box-container{max-width:100%;padding:5px;display:flex;justify-self:center;gap:20px;flex-wrap:wrap;justify-content:center}.box-image{width:180px;height:180px;display:flex;justify-self:center;background-position:center;background-size:cover;filter:saturate(1);filter:brightness(1.4);transition:all .5s}.box{max-width:250px;border-radius:19px;padding:10px 10px 20px;cursor:pointer;border-bottom:3px solid rgb(224,224,224);transition:all .5s;background:linear-gradient(#000,#000,#000,#1d1d1d,#1d1d1d)}#box-container p{line-height:normal;width:90%;margin:auto auto 5px;font-size:clamp(11px,1vw,15px)}#box-container h3{text-align:center;margin-bottom:15px;margin-top:20px;font-size:clamp(16px,1vw,25px);color:#cfcfcf;font-weight:600;transition:all .5s;padding:2px 3px;display:flex;justify-self:center;justify-content:center;width:95%;border-bottom:1px solid rgb(177,177,177);box-shadow:0 10px 17px -10px #f8faf988;background:transparent}.technologies{display:flex;flex-wrap:wrap;gap:6px;justify-self:center;width:100%;justify-content:center;margin-top:8px}.technologies h5{padding:2px 6px;border-radius:10px;font-size:clamp(7px,1vw,15px);transition:all .5s;color:#c1c1c1;border:1px solid rgb(122,122,122);font-weight:400}#role-container{display:flex;width:43%;height:8%;justify-content:center;align-items:center;align-self:end;border-radius:20px;margin-left:auto;margin-right:auto;transition:all .03s}#role-container h5{font-size:clamp(7px,1vw,15px);font-weight:500}}@media(max-width:600px){#box-container{max-width:100%;padding:5px;display:flex;justify-self:center;gap:100px;flex-wrap:wrap;justify-content:center}.box-image{width:240px;height:240px;display:flex;justify-self:center;background-position:center;background-size:cover;filter:saturate(1);filter:brightness(1.4);transition:all .5s}.box{max-width:290px;border-radius:19px;padding:10px 10px 20px;cursor:pointer;border-bottom:3px solid rgb(232,232,232);box-shadow:-2px 29px 19px -19px #f9f9f935;transition:all .5s;background:linear-gradient(#000,#000,#000,#1d1d1d,#1d1d1d);background:linear-gradient(#0000,#0000,#00000097,#0f0f0f,#0f0f0f)}#box-container p{line-height:normal;width:90%;margin:auto auto 5px;font-size:clamp(14px,1vw,15px);font-weight:400}#box-container h3{text-align:center;margin-bottom:15px;margin-top:20px;font-size:clamp(20px,2vw,25px);color:#cfcfcf;font-weight:600;transition:all .5s;padding:2px 3px;display:flex;justify-self:center;justify-content:center;width:95%;border-bottom:1px solid rgb(176,176,176);box-shadow:0 10px 17px -10px #f1f7f388;background:transparent}.technologies{display:flex;flex-wrap:wrap;gap:6px;justify-self:center;width:100%;justify-content:center;margin-top:8px}.technologies h5{border:1px solid rgb(113,113,113);padding:2px 6px;border-radius:10px;font-size:clamp(11px,1vw,15px);transition:all .5s;color:#a5a5a5;border:1px solid rgb(131,131,131);font-weight:500}#role-container{display:flex;width:43%;height:8%;justify-content:center;align-items:center;align-self:end;border-radius:20px;margin-left:auto;margin-right:auto;transition:all .03s}#role-container h5{font-size:clamp(10px,1vw,15px);font-weight:500}}@media(max-width:380px){#box-container{max-width:100%;padding:5px;display:flex;justify-self:center;gap:20px;flex-wrap:wrap;justify-content:center}.box-image{width:220px;height:220px;display:flex;justify-self:center;background:linear-gradient(#0000,#000000fc),url("/public/Tree official 4 with  filter.jpg");background-position:center;background-size:cover;filter:saturate(1);filter:brightness(1.4);transition:all .5s}.box{max-width:260px;border-radius:19px;padding:10px 10px 20px;cursor:pointer;border-bottom:3px solid rgb(226,226,226);box-shadow:-2px 29px 19px -19px #f0f6f135;transition:all .5s;background:linear-gradient(#000,#000,#000,#1d1d1d,#1d1d1d)}#box-container p{line-height:normal;width:90%;margin:auto auto 5px;font-size:clamp(11px,1vw,15px)}#box-container h3{text-align:center;margin-bottom:15px;margin-top:20px;font-size:clamp(17px,1vw,25px);color:#cfcfcf;font-weight:600;transition:all .5s;padding:2px 3px;display:flex;justify-self:center;justify-content:center;width:95%;border-bottom:1px solid rgb(178,178,178);box-shadow:0 10px 17px -10px #f8f8f888;background:transparent}.technologies{display:flex;flex-wrap:wrap;gap:3px;justify-self:center;width:100%;justify-content:center;margin-top:8px}.technologies h5{padding:2px 6px;border-radius:10px;font-size:clamp(8px,1vw,15px);transition:all .5s;color:#c7c7c7;border:1px solid rgb(140,140,140);font-weight:400}#role-container{display:flex;width:43%;height:8%;justify-content:center;align-items:center;align-self:end;border-radius:20px;margin-left:auto;margin-right:auto;transition:all .03s}#role-container h5{font-size:clamp(10px,1vw,15px);font-weight:500}}@keyframes box-anime{0%{opacity:0;transform:translateY(500px);border:4px solid transparent;border-image:linear-gradient(to top,rgba(25,222,64,0),transparent,transparent);border-image-slice:1}20%{opacity:.4;transform:translateY(0);border:4px solid transparent;border-image:linear-gradient(to top,rgba(25,222,64,.501),transparent,transparent);border-image-slice:1}40%{opacity:1;transform:translateY(0);border:4px solid transparent;border-image:linear-gradient(to top,rgb(17,192,17),transparent,transparent);border-image-slice:1}60%{opacity:1;transform:translateY(0);border:4px solid transparent;border-image:linear-gradient(to top,rgb(17,192,17),transparent,transparent);border-image-slice:1}80%{opacity:.4;transform:translateY(0);border:4px solid transparent;border-image:linear-gradient(to top,rgba(25,222,64,.284),transparent,transparent);border-image-slice:1}to{opacity:0;transform:translateY(-500px);border:4px solid transparent;border-image:linear-gradient(to top,rgba(25,222,64,0),transparent,transparent);border-image-slice:1}}.box{animation-name:box-anime;animation-timing-function:linear;animation-timeline:view();animation-range:entry exit}#page3{min-height:100vh;width:100%;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;padding:10px 0;background:linear-gradient(90deg,#131313,#000,#000,#000000f3,#000000f9,#000,#000,#0d0d0d),url(/public/pexels-enginakyurt-6348909.jpg);background:linear-gradient(90deg,#131313,#000000bd,#000000e1,#000000df,#000000e3,#000000df,#000d,#0d0d0d),url(/public/pexels-eva-bronzini-6914875.jpg);background:#000;background:#000000ec}@keyframes box-anime{0%{opacity:0;transform:translateY(500px)}20%{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}80%{opacity:.4;transform:translateY(0)}to{opacity:0;transform:translateY(-500px)}}#web-box{width:100%;max-width:100%;margin:0;border-radius:0;border:2px solid transparent;border-image:linear-gradient(to top,rgb(186,186,186),transparent,transparent);border-image-slice:1;box-shadow:-2px 19px 19px -19px #ff5e008e;display:flex;justify-content:space-between;flex-direction:column;align-items:center;background:linear-gradient(#0f0f0f,#0f0f0f);transition:transform .3s ease}#web-box:hover{transform:translateY(-4px)}#web-image-container{position:relative;width:100%;height:320px;display:flex;flex-direction:column;justify-content:space-between;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover;padding:20px 24px;box-sizing:border-box;overflow:hidden}#web-image-tech-stack ul{display:flex;flex-direction:row;list-style-type:none;justify-content:space-between;flex-wrap:wrap}#web-image-tech-stack ul li{color:#8cc388;color:#ededed;background:transparent;border:1px solid rgb(7,191,7);border:1px solid rgb(106,106,106);border-radius:18px;padding:2px 15px;font-size:11px}#web-image-text{padding:0 60px 20px}#web-image-text #heading-con1{display:flex;align-items:center;color:#c9c9c9}#web-image-text #heading-con1 h1{color:#c9c9c9}#heading-line{background:linear-gradient(-90deg,#0000,#11c011,#0000);background:linear-gradient(-90deg,#0000,#cacaca,#0000);filter:contrast(1.6);width:100%;height:2px}#web-image-text h4{color:#c9c9c9}#web-image-text h5{color:#b1b1b1;font-size:18px}#logo-with-line-con{display:flex;align-items:center;width:90%}#my-logo-small{width:35px;height:35px;filter:brightness(110%);filter:contrast(1.6)}#visit-container{display:flex;align-items:center}#visit-button-image{color:#fff;width:30px;height:30px}#visit-button{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:transparent;border-radius:5px;padding:3px 30px;gap:10px;background:#11c011;background:#4c4c4c;font-weight:700;transition:all .4s}#visit-button:hover{scale:1.1}#all-page3-container{display:flex;flex-direction:row;justify-content:center;gap:25px;max-width:1400px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}#all-web-box-container{display:flex;flex-direction:column;gap:30px;justify-content:center;width:100%}#page3-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%}@keyframes appear-arrow{0%{transform:translateY(500px)}20%{transform:translateY(0)}40%{transform:translateY(0)}60%{transform:translateY(0)}80%{transform:translateY(0)}to{transform:translateY(-500px)}}#box-down-arrow{display:flex;justify-content:center;animation-name:appear-arrow;animation-timeline:view();animation-timing-function:linear;animation-range:entry exit}#d-arrow{height:30px;width:30px;color:#cacaca}#page3-intro{display:flex;justify-content:center;font-size:clamp(20px,1vw,25px)}#page3-line{width:8px;height:200vh;border-radius:20px;background:linear-gradient(180deg,#0000,#cf560413,#f76300,red);animation:page-line linear;animation-timeline:view();animation-range:entry exit}@keyframes page-line{0%{height:0vh}to{height:200vh}}#view-portfolio-container{border:2px solid transparent;border-image:linear-gradient(to bottom,rgb(212,212,212),transparent,transparent);border-image-slice:1;display:flex;flex-direction:column;justify-content:center;padding:20px 10px;align-items:center;background:linear-gradient(#0f0f0f,#0f0f0f)}#all-web-logos{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}#all-web-logos img{height:50px;width:50px;box-shadow:-2px 19px 19px -10px #757575bb;background:transparent;border-radius:50%}#view-portfolio-container a{background:#070707;border-radius:18px;color:#fff;font:900;width:90px;display:flex;justify-content:center;align-items:center;height:40px;transition:all .4s}#view-portfolio-container a:hover{scale:1.1}@media(max-width:1024px){#page3-cards-grid{grid-template-columns:1fr;max-width:700px;margin:0 auto}}@media(max-width:992px){#web-box{max-width:630px;background-color:#1d1d1d}#web-image-tech-stack ul{justify-content:center;gap:9px}#web-image-text{padding:0 20px 20px}#all-page3-container{gap:10px}}@media(max-width:600px){#web-box{background:transparent;max-width:370px;margin:auto;background-color:#1d1d1d}#web-image-container{height:240px;padding:15px 16px}#view-portfolio-container{max-width:370px}#all-web-logos img{height:39px;width:39px;background:transparent;border-radius:50%}#visit-button{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:transparent;border-radius:5px;padding:3px 30px;gap:10px;font-weight:700;transition:all .4s}}@media(max-width:405px){#web-box{background:transparent;max-width:340px;margin:auto;background-color:#1d1d1d}#view-portfolio-container{max-width:340px}#all-web-logos img{height:35px;width:35px;background:transparent;border-radius:50%}}@media(max-width:370px){#web-box{background:transparent;max-width:300px;margin:auto;background-color:#1d1d1d}#view-portfolio-container{max-width:300px}#all-web-logos img{height:30px;width:30px;background:transparent;border-radius:50%}}#page4{min-height:100vh;width:100%;padding:0 60px;background-position:center;background-size:cover;background-attachment:scroll;background-repeat:no-repeat;background:#000;background:#000000ec}#about-heading{padding:0 20px;font-size:clamp(22px,1vw,25px);display:flex;gap:10px;flex-direction:row;align-items:center;justify-content:center}#about-heading h3{font-weight:700}#about-me-container{display:grid;grid-template-columns:4fr 2fr;gap:30px;justify-content:center;align-items:center;min-height:90vh}#about-me-box{padding:20px 0 20px 20px;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(228,228,228),transparent);border-image-slice:1;border-radius:20px;height:100%;background-color:#0000}#about-me-box p{padding:20px;border-radius:20px;background:linear-gradient(#0f0f0f,#0f0f0f)}#about-logo-container{display:flex;flex-direction:row;align-items:center;padding:0 10px}#text-arrow{color:#c5c5c5;width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6)}#logo-line{background:linear-gradient(90deg,#b8b8b8,#b8b8b8,#0000);filter:contrast(1.6);height:8px;width:100%;border-radius:20px}#skills-percent-container #about-logo-container{display:flex;flex-direction:row-reverse;gap:0px}#skills-percent-container #about-logo-container #logo-line{background:linear-gradient(-90deg,#ccc,#393939);filter:contrast(1.6);height:2px;width:100%}.skills-logos{color:#cbcbcb;width:25px;height:25px;display:flex;margin-bottom:2px;border-radius:50%}#resume-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center}#resume-container img{border-radius:15px}#resume-btn-con{display:flex;flex-direction:column;justify-content:center;align-items:center}#resume-btn-con p{padding:0;width:max-content;display:flex;background:transparent}#resume-btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}#resume-btns a{background:#000;padding:5px 25px;border-radius:10px;min-width:110px;display:flex;justify-content:center;color:#d8d8d8;border-bottom:4px solid rgb(247,74,0);transition:all .3s ease}#resume-btns a:hover{transform:scale(1.05)}#about2-logo-container{display:flex;flex-direction:row;align-items:center;padding:5px 25px;transition:all .3s ease}#text2-arrow{color:#c6c6c6;width:35px;height:35px;border-radius:50%;filter:brightness(110%);filter:contrast(1.6)}#logo2-line{background:linear-gradient(-90deg,#c3c3c3,#0000);filter:contrast(1.6);height:2px;width:100%;height:8px}#skills-percent-container #about2-logo-container{display:flex;flex-direction:row;gap:0px}#skills-percent-container{border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(219,219,219),transparent);border-image-slice:1;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:100%;background:#1d1d1d00}#skills-percent-container h3{background:transparent;border-radius:13px;padding:7px 20px;color:#ccc;font-weight:400;display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center}.skill-box{display:flex;flex-direction:column;gap:2px;border-radius:20px;padding:20px;background:linear-gradient(#0f0f0f,#0f0f0f)}#skills-name{display:flex;flex-direction:row;justify-content:space-between}.skill-box h5{color:#9b9b9b;font-weight:200;font-size:clamp(11px,1vw,17px)}.skill-box h6{color:#bababa;font-weight:400;font-size:clamp(10px,1vw,15px);display:flex;gap:10px;justify-content:center;align-items:center}#percentbox{width:100%;height:5px;border-radius:8px;background-color:#000;display:flex;justify-content:start;align-items:end}#skill-percent{width:78%;height:100%;border-bottom-left-radius:8px;border-top-left-radius:8px;background:linear-gradient(90deg,#656565,#b6b6b6);background:linear-gradient(90deg,#f76300,red)}.skill-box:nth-of-type(1) #skill-percent{width:20%;height:100%}.skill-box:nth-of-type(2) #skill-percent{width:90%;height:100%}.skill-box:nth-of-type(3) #skill-percent{width:60%;height:100%}.skill-box:nth-of-type(4) #skill-percent{width:87%;height:100%}.skill-box:nth-of-type(5) #skill-percent{width:65%;height:100%}.skill-box:nth-of-type(6) #skill-percent{width:38%;height:100%}.skill-box:nth-of-type(8) #skill-percent{width:30%;height:100%}#me-text-container{display:grid;grid-template-columns:97% 3%;gap:20px}@keyframes me-line{0%{height:0%}to{height:100%}}#language-div p{margin:0;padding:0}#me-text-line{height:100%;width:8px;border-radius:20px;background:linear-gradient(180deg,#0000,#cf560413,#f76300,red);animation-name:me-line;animation-timeline:view();animation-timing-function:linear;animation-range:entry exit}@media(max-width:992px){#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#about-me-container{display:grid;grid-template-rows:2.3fr 2fr;row-gap:20px;column-gap:0px;grid-template-columns:1fr;justify-content:start;align-items:start;min-height:min-content}#about-me-box{padding:20px;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(218,218,218),transparent);border-image-slice:1;border-radius:20px;background:transparent;height:min-content}#skills-percent-container{padding:30px 40px;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(224,224,224),transparent);border-image-slice:1;border-radius:20px;display:flex;flex-direction:column;gap:20px;min-height:auto;margin-bottom:40px;background:#1d1d1d}.skill-box h5{color:#9b9b9b;font-weight:200;font-size:clamp(14px,1vw,15px)}.skill-box h6{color:#bababa;font-weight:400;font-size:clamp(14px,1vw,15px)}}@media(max-width:600px){#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#page4{min-height:100vh;width:100%;padding:0 10px;background:linear-gradient(90deg,#131313,#000,#000,#000000f3,#000000f9,#000,#000,#0d0d0d),url(/public/pexels-enginakyurt-6348909.jpg);background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background:#000000ec}#about-me-container{display:grid;grid-template-rows:2fr .7fr;row-gap:5px;column-gap:0px;grid-template-columns:1fr;justify-content:center;align-items:center;min-height:100VH;justify-self:center}#about-me-box{padding:20px;width:90%;justify-self:center;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(232,232,232),transparent);border-image-slice:1;border-radius:20px;background-color:#0000}.skill-box h5{color:#9b9b9b;font-weight:200;font-size:clamp(14px,1vw,15px)}.skill-box h6{color:#bababa;font-weight:400;font-size:clamp(14px,1vw,15px)}#skills-percent-container{padding:10px 40px;border:1px solid transparent;border-image:linear-gradient(to bottom,rgb(231,231,231),transparent);border-image-slice:1;border-radius:20px;display:flex;flex-direction:column;gap:12px;width:90%;justify-self:center;min-height:auto;margin-bottom:40px;background-color:#0000}}@keyframes appear2{0%{opacity:0;scale:0;transform:translate(200px)}40%{opacity:1;transform:translate(0);scale:1}60%{opacity:1;transform:translate(0);scale:1}80%{opacity:1;transform:translate(0);scale:1}to{opacity:0;transform:translate(200px);scale:.1}}@keyframes appear3{0%{opacity:0;scale:0;transform:translate(-500px)}20%{opacity:.8;transform:translate(0);scale:.8}40%{opacity:1;transform:translate(0);scale:1}60%{opacity:1;transform:translate(0);scale:1}80%{opacity:1;transform:translate(0);scale:1}to{opacity:0;transform:translate(-500px);scale:.1}}@keyframes box-anime{0%{transform:translateY(500px)}20%{transform:translateY(0)}40%{transform:translateY(0)}60%{transform:translateY(0)}80%{transform:translateY(0)}to{transform:translateY(-500px)}}#about-me-box,#skills-percent-container{animation-name:box-anime;animation-timeline:view();animation-timing-function:linear;animation-range:entry exit}#about-me-box #logo-line{animation-name:appear2;animation-timeline:view();animation-timing-function:linear;animation-delay:2s;animation-range:entry exit}#logo2-line{animation-name:appear45;animation-timeline:view();animation-timing-function:linear;animation-range:entry cover 20%}#page5{min-height:100vh;width:100%;background:#000;background:#000000ec;padding:60px 20px 80px;position:relative;box-sizing:border-box}#page5 #bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#page5-intro{display:flex;justify-content:center;font-size:clamp(20px,1vw,25px);color:#cecece;margin-bottom:35px}#all-page5-container{display:flex;flex-direction:row;justify-content:center;gap:25px;max-width:1400px;width:100%;margin:0 auto}#all-models-box-container{display:flex;flex-direction:column;gap:35px;justify-content:center;width:100%}.models-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%}.custom-model-box{width:100%;margin:0;border-radius:0;border:2px solid transparent;border-image:linear-gradient(to top,rgb(212,212,212),rgba(180,180,180,.3),transparent,transparent) 1;box-shadow:-2px 19px 19px -19px #ff5e008e;display:flex;justify-content:space-between;flex-direction:column;align-items:center;background:linear-gradient(#0f0f0f,#0f0f0f);transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s ease;position:relative;overflow:hidden}.custom-model-box:hover{transform:translateY(-5px);box-shadow:-2px 25px 25px -15px #ff5e00b3}.custom-model-image-container{position:relative;width:100%;height:320px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px;box-sizing:border-box}.custom-model-banner-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.25,1,.5,1);z-index:1}.custom-model-box:hover .custom-model-banner-img{transform:scale(1.06)}.custom-model-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000004d,#0000000d 40%,#0f0f0ff2);z-index:2;pointer-events:none}.custom-model-image-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}.custom-model-category-tag{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(247,99,0,.5);color:#f76300;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-flex;align-items:center}.custom-model-expand-hint{background:#000000b3;color:#dcdcdc;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .3s ease;opacity:.8}.custom-model-box:hover .custom-model-expand-hint{background:#f76300;color:#000;border-color:#f76300;transform:scale(1.1);opacity:1}.custom-model-tech-stack{position:relative;z-index:3}.custom-model-tech-stack ul{display:flex;flex-direction:row;list-style-type:none;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding:0;margin:0}.custom-model-tech-stack ul li{color:#ededed;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(106,106,106);border-radius:18px;padding:2px 14px;font-size:11px;font-weight:500}.custom-model-image-text{padding:0 30px 20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex:1;position:relative;z-index:4}.custom-model-heading-con1{display:flex;align-items:center;color:#c9c9c9}.custom-model-heading-con1 h1{color:#c9c9c9;font-size:2rem;margin:0;white-space:nowrap}.custom-model-heading-line{background:linear-gradient(-90deg,#0000,#cacaca,#0000);filter:contrast(1.6);width:100%;height:2px;margin:0 10px}.custom-model-image-text h4{color:#c9c9c9;margin:0 0 10px;font-size:1rem}.custom-model-image-text p{color:#aaa;line-height:1.6;margin-bottom:20px;font-size:.95rem;flex-grow:1}.custom-model-visit-container{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.custom-model-visit-container .custom-logo-with-line-con h5{color:#b1b1b1;font-size:18px;margin:0}.custom-model-button-container{display:flex;align-items:center;gap:10px}.custom-model-video-btn{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:#4c4c4c;border-radius:5px;padding:3px 30px;gap:10px;font-weight:700;font-size:.95rem;transition:all .4s ease;height:40px}.custom-model-video-btn:hover{scale:1.1}.model-btn-icon-yt{color:#fff;font-size:1.2rem;transition:color .4s ease}.custom-model-view-btn{display:flex;align-items:center;justify-content:center;color:#fff;background:#4c4c4c;border:none;border-radius:5px;padding:3px 30px;gap:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .4s ease;height:40px}.custom-model-view-btn:hover{scale:1.1}.model-btn-icon-eye{font-size:1.1rem}#page5-line{width:8px;min-height:100%;border-radius:20px;background:linear-gradient(180deg,#0000,#cf560413,#f76300,red);flex-shrink:0}.model-portfolio-cta{border-radius:0!important;border:2px solid transparent!important;border-image:linear-gradient(to bottom,rgb(212,212,212),transparent,transparent) 1!important;padding:20px 10px!important;margin-top:15px;gap:15px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(#0f0f0f,#0f0f0f)}.model-portfolio-cta p{color:#c8c8c8;margin:0;font-size:1rem}.model-portfolio-cta a{background:#070707;border-radius:18px;color:#fff;width:90px;height:40px;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:all .4s ease}.model-portfolio-cta a:hover{scale:1.1;background:#f76300;color:#000}.model-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;animation:lightboxFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.model-lightbox-content{position:relative;max-width:1000px;width:100%;max-height:90vh;background:#101010;border:2px solid transparent;border-image:linear-gradient(to top,rgb(212,212,212),rgba(180,180,180,.4),transparent) 1;box-shadow:0 0 35px #f7630066;display:flex;flex-direction:column;overflow:hidden;animation:lightboxZoomIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.model-lightbox-close-btn{position:absolute;top:15px;right:15px;z-index:10;background:#000000bf;border:1px solid rgba(255,255,255,.3);color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease}.model-lightbox-close-btn:hover{background:#f76300;color:#000;border-color:#f76300;transform:rotate(90deg) scale(1.1)}.model-lightbox-img-wrapper{width:100%;max-height:65vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.model-lightbox-img{max-width:100%;max-height:65vh;object-fit:contain}.model-lightbox-caption{padding:20px 25px;background:#0e0e0e;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.lightbox-title-row{display:flex;justify-content:space-between;align-items:center}.lightbox-title-row h2{color:#fff;font-size:1.4rem;margin:0}.lightbox-date{color:#f76300;font-size:.9rem;font-weight:600}.model-lightbox-caption p{color:#afafaf;font-size:.92rem;margin:0;line-height:1.5}.lightbox-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.lightbox-tool-pill{background:#1e1e1ee6;border:1px solid rgb(106,106,106);color:#dcdcdc;border-radius:14px;padding:2px 12px;font-size:11px}@media(max-width:1024px){.models-cards-grid{grid-template-columns:1fr;max-width:700px;margin:0 auto}}@media(max-width:650px){#page5{padding:40px 10px 60px}#all-page5-container{gap:12px}.custom-model-box{background-color:#1d1d1d}.custom-model-image-container{height:250px;padding:14px 16px}.custom-model-image-text{padding:0 16px 16px}.custom-model-heading-con1 h1{font-size:1.4rem}.custom-model-view-btn{padding:4px 16px}}#resume_page{height:80vh;width:100%;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;padding:10px 0;display:flex;justify-content:center;background:#000000ec;overflow-x:hidden}#bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#resume_page h3{text-align:center;font-size:clamp(24px,1vw,25px)}#resume-page-container{display:flex;flex-direction:column;padding:30px}#resume-marquee{position:relative;width:50%;overflow:hidden;padding:30px 0;margin:auto}#resume-marquee:before{content:"";position:absolute;left:0;top:0;width:120px;height:100%;z-index:5;pointer-events:none;background:linear-gradient(to right,#000,transparent)}#resume-marquee:after{content:"";position:absolute;right:0;top:0;width:120px;height:100%;z-index:5;pointer-events:none;background:linear-gradient(to left,#000000,transparent)}#resume-page-content-box{display:flex;align-items:center;gap:40px;flex-direction:row;width:max-content;animation:marquee 20s linear infinite}#resume-page-content-box:hover{animation-play-state:paused}#achievement-box{display:flex;justify-content:center;align-items:center;flex-shrink:0}#achievement-box img{width:250px;border-radius:12px;transition:transform .4s ease}#achievement-box img:hover{transform:scale(1.08)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#horizontal-line{width:100%;height:4px;background:linear-gradient(90deg,#f76300,red);box-shadow:0 0 2px #f76300,0 0 20px red,0 0 2px #df3502}#contact{min-height:80vh;width:100%;background:#000000ec;padding:10px 0;display:flex;justify-content:center;overflow-x:hidden}#contact-page-container{display:flex;flex-direction:column;padding:30px;width:100%;max-width:1100px}#contact-heading{text-align:center;font-size:clamp(20px,1vw,25px);color:#cecece;margin-bottom:30px}#contact-content{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(24px,4vw,48px);align-items:start}#contact-intro{color:#aaa;font-size:.95rem;line-height:1.6;margin-bottom:32px}#contact-social-label{color:#c9c9c9;font-size:1rem;margin-bottom:16px;letter-spacing:.5px}#contact-social-links{display:flex;flex-direction:column;gap:12px}.contact-social-link{display:flex;align-items:center;gap:12px;color:#c9c9c9;text-decoration:none;font-size:.95rem;padding:10px 16px;border:1px solid rgb(76,76,76);border-radius:5px;background:linear-gradient(#0f0f0f,#0f0f0f);transition:all .4s ease}.contact-social-link svg{font-size:1.25rem;color:#f76300;flex-shrink:0}.contact-social-link:hover{border-color:#f76300;color:#fff;scale:1.05}#contact-form{display:flex;flex-direction:column;gap:20px;padding:clamp(24px,3vw,36px);border:2px solid transparent;border-image:linear-gradient(to top,rgb(186,186,186),transparent,transparent);border-image-slice:1;background:linear-gradient(#0f0f0f,#0f0f0f);box-shadow:-2px 19px 19px -19px #ff5e008e}.contact-field{display:flex;flex-direction:column;gap:8px}.contact-field label{color:#c9c9c9;font-size:1rem;font-weight:500}.contact-field input,.contact-field textarea{width:100%;padding:12px 16px;background:#080808;border:1px solid rgb(76,76,76);border-radius:5px;color:#ededed;font-size:.95rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#6a6a6a}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#f76300;box-shadow:0 0 0 2px #f7630026}#contact-submit-btn{display:flex;align-items:center;justify-content:center;color:#fff;background:#4c4c4c;border-radius:5px;padding:6px 30px;gap:10px;font-weight:700;font-size:.95rem;border:none;cursor:pointer;transition:all .4s ease;align-self:flex-start}#contact-submit-btn:hover{scale:1.1;background:#f76300;color:#000}#contact-submit-icon{font-size:1.2rem}#contact-horizontal-line{width:100%;height:4px;margin-top:40px;background:linear-gradient(90deg,#f76300,red);box-shadow:0 0 2px #f76300,0 0 20px red,0 0 2px #df3502}@media(max-width:768px){#contact-page-container{padding:20px 16px}#contact-content{grid-template-columns:1fr}#contact-form{padding:20px}#contact-submit-btn{width:100%;align-self:stretch}#contact-social-links{flex-direction:row;flex-wrap:wrap}.contact-social-link{flex:1 1 calc(50% - 6px);min-width:140px}}@media(max-width:480px){.contact-social-link{flex:1 1 100%}}#footer{width:100%;background:#000000f5;position:relative;z-index:10;overflow-x:hidden;padding-top:40px;padding-bottom:25px;border-top:1px solid rgba(76,76,76,.35)}#footer-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column}#footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.3fr 1.3fr;gap:clamp(24px,3.5vw,48px);margin-bottom:40px}.footer-col{display:flex;flex-direction:column}#footer-brand-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}#footer-brand-logo{width:48px;height:48px;object-fit:contain;transition:transform .4s ease,filter .4s ease}#footer-brand-logo:hover{transform:scale(1.12) rotate(5deg);filter:drop-shadow(0 0 10px rgba(247,99,0,.6));cursor:pointer}#footer-brand-name{font-size:clamp(18px,1.4vw,22px);font-weight:700;margin:0;line-height:1.2}#footer-brand-tagline{font-size:13px;color:#969696;letter-spacing:.5px}#footer-bio{color:#b4b4b4;font-size:clamp(13px,.95vw,14.5px);line-height:1.65;font-weight:300;margin:0 0 20px}#footer-status-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:#0f0f0fd9;border:1px solid rgba(76,76,76,.6);border-radius:20px;font-size:12.5px;color:#d7d7d7;width:fit-content;box-shadow:0 4px 12px #0006;transition:border-color .3s ease}#footer-status-badge:hover{border-color:#f76300}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 8px #22c55e}50%{transform:scale(1.25);opacity:.7;box-shadow:0 0 14px #22c55e}}.footer-heading{color:#ebebeb;font-size:clamp(15px,1.1vw,17px);font-weight:600;margin:0 0 8px;letter-spacing:.5px}.footer-heading-line{width:38px;height:3px;background:linear-gradient(90deg,#f76300,red);border-radius:2px;margin-bottom:18px;box-shadow:0 0 8px #f7630066}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-nav-link{color:#b9b9b9;text-decoration:none;font-size:clamp(13.5px,.95vw,15px);font-weight:300;display:flex;align-items:center;gap:8px;transition:all .3s ease;width:fit-content}.link-arrow{color:#f76300;font-size:16px;line-height:1;transition:transform .3s ease}.footer-nav-link:hover{color:#fff;transform:translate(5px);text-shadow:0 0 2px rgb(247,99,0),0 0 16px rgba(255,0,0,.6)}.footer-nav-link:hover .link-arrow{transform:translate(3px)}.footer-sub-section{margin-bottom:20px}.footer-subheading{color:#a0a0a0;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-weight:600}.footer-projects-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.footer-project-link{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:#121212cc;border:1px solid rgba(76,76,76,.5);border-radius:6px;text-decoration:none;transition:all .3s ease}.proj-name{color:#e1e1e1;font-size:13px;font-weight:500}.proj-desc{color:#828282;font-size:11.5px;margin-left:auto;margin-right:8px}.proj-icon{color:#f76300;font-size:11px;opacity:.8;transition:transform .3s ease}.footer-project-link:hover{border-color:#f76300;background:#1a1a1af2;transform:scale(1.02);box-shadow:0 4px 14px #f7630026}.footer-project-link:hover .proj-icon{transform:translate(2px,-2px);opacity:1}.footer-spec-tags{display:flex;flex-wrap:wrap;gap:6px}.footer-spec-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#0f0f0fcc;border:1px solid rgba(76,76,76,.45);border-radius:12px;font-size:11.5px;color:#bebebe;transition:all .3s ease}.spec-tag-icon{color:#f76300;font-size:11px}.footer-spec-tag:hover{border-color:#f76300;color:#f0f0f0;background:#191919e6;transform:translateY(-2px)}.footer-connect-intro{color:#b4b4b4;font-size:clamp(13px,.95vw,14px);line-height:1.5;font-weight:300;margin:0 0 16px}#footer-social-icons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.footer-social-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:linear-gradient(#0f0f0f,#0f0f0f);border:1px solid rgb(76,76,76);color:#f76300;font-size:1.15rem;text-decoration:none;transition:all .35s ease}.footer-social-btn:hover{border-color:#f76300;color:#fff;background:linear-gradient(130deg,#f7630033,#f003);transform:translateY(-4px) scale(1.08);box-shadow:0 0 2px #f76300,0 0 16px #ff000080}#footer-direct-contact{margin-bottom:20px}.footer-email-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#0f0f0fcc;border:1px solid rgba(76,76,76,.5);border-radius:6px;color:#c8c8c8;font-size:12.5px;text-decoration:none;transition:all .3s ease;word-break:break-all}.email-badge-icon{color:#f76300;font-size:14px;flex-shrink:0}.footer-email-badge:hover{border-color:#f76300;color:#fff;background:#191919f2;box-shadow:0 0 12px #f7630040}#footer-back-to-top{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:linear-gradient(130deg,#f76300,red);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .35s ease;width:fit-content}#footer-back-to-top:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 2px #f76300,0 0 20px red}#back-to-top-arrow{font-size:13px;transition:transform .3s ease}#footer-back-to-top:hover #back-to-top-arrow{transform:translateY(-3px)}#footer-horizontal-line{width:100%;height:3px;background:linear-gradient(90deg,#f76300,red,#f76300);box-shadow:0 0 2px #f76300,0 0 15px #f009,0 0 2px #df3502;margin:20px 0 25px}#footer-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:13px;color:#969696}#footer-copyright{font-weight:300}.highlight-text{color:#e6e6e6;font-weight:500}#footer-motto{font-size:14px;font-weight:700;letter-spacing:1px}#footer-credits{display:flex;align-items:center;gap:6px;font-weight:300}.heart-icon{color:red;font-size:12px;animation:heartBeat 1.8s infinite ease-in-out}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media(max-width:992px){#footer-grid{grid-template-columns:1fr 1fr;gap:36px}#footer-brand-col{grid-column:span 2}}@media(max-width:640px){#footer{padding-top:30px}#footer-container{padding:0 16px}#footer-grid{grid-template-columns:1fr;gap:30px}#footer-brand-col{grid-column:span 1}#footer-bottom-bar{flex-direction:column;text-align:center;gap:12px}#footer-back-to-top{width:100%}.footer-project-link{flex-wrap:wrap;gap:4px}.proj-desc{width:100%;margin:0}}#websites-portfolio-page{min-height:100vh;width:100%;background:#000;background:#000000ec;padding:0 0 60px;position:relative;box-sizing:border-box}#websites-portfolio-page #bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#portfolio-custom-nav{display:flex;justify-content:space-between;padding:0 40px;align-items:center;position:sticky;top:0;z-index:20;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:70px;border-bottom:1px solid rgba(255,255,255,.08)}#portfolio-custom-nav #logo-section{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none}#portfolio-custom-nav #logo-section img{height:40px;width:40px;border-radius:50%}#portfolio-custom-nav #logo-section h3{font-size:20px;color:#fff}.portfolio-back-btn{display:inline-flex;align-items:center;gap:8px;background:#181818;color:#dcdcdc;border:1px solid rgb(106,106,106);border-radius:9px;padding:6px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .4s ease}.portfolio-back-btn:hover{background:#f76300;color:#000;border-color:#f76300;scale:1.05}#page3-portfolio-wrapper{width:100%;padding:30px 20px 0;box-sizing:border-box}#page3-portfolio-wrapper #page3-intro{display:flex;justify-content:center;font-size:clamp(20px,1vw,25px);color:#fff;margin-bottom:30px}#page3-portfolio-wrapper #all-page3-container{display:flex;flex-direction:row;justify-content:center;gap:25px;max-width:1400px;width:100%;margin:0 auto}#page3-portfolio-wrapper #all-web-box-container{display:flex;flex-direction:column;gap:30px;justify-content:center;width:100%;max-width:100%}.portfolio-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%}.custom-web-box{width:100%;margin:0;border-radius:0;border:2px solid transparent;border-image:linear-gradient(to top,rgb(212,212,212),rgba(180,180,180,.3),transparent,transparent);border-image-slice:1;box-shadow:-2px 19px 19px -19px #ff5e008e;display:flex;justify-content:space-between;flex-direction:column;align-items:center;background:linear-gradient(#0f0f0f,#0f0f0f);transition:transform .3s ease}.custom-web-box:hover{transform:translateY(-4px)}.custom-web-image-container{background-position:center;background-size:contain;background-attachment:scroll;background-repeat:no-repeat;width:100%;height:320px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;justify-self:center;padding:20px 24px;margin:0 auto;box-sizing:border-box}.custom-category-tag{background:#000000bf;border:1px solid rgba(247,99,0,.5);color:#f76300;border-radius:12px;padding:2px 12px;font-size:11px;font-weight:700}.custom-web-image-tech-stack ul{display:flex;flex-direction:row;list-style-type:none;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:0;margin:0}.custom-web-image-tech-stack ul li{color:#ededed;background:#00000080;border:1px solid rgb(106,106,106);border-radius:18px;padding:2px 14px;font-size:11px;font-weight:500}.custom-web-image-text{padding:0 30px 20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex:1}.custom-heading-con1{display:flex;align-items:center;color:#c9c9c9}.custom-heading-con1 h1{color:#c9c9c9;font-size:1.8rem;margin:0;white-space:nowrap}.custom-heading-line{background:linear-gradient(-90deg,#0000,#cacaca,#0000);filter:contrast(1.6);width:100%;height:2px;margin:0 10px}.custom-my-logo-small{width:35px;height:35px;filter:brightness(110%) contrast(1.6)}.custom-web-image-text h4{color:#c9c9c9;margin:0 0 10px;font-size:.95rem}.custom-web-image-text p{color:#aaa;line-height:1.6;margin-bottom:20px;font-size:.92rem;flex-grow:1}.custom-visit-container{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.custom-logo-with-line-con{display:flex;align-items:center}.custom-logo-with-line-con h5{color:#b1b1b1;font-size:17px;margin:0}.custom-visit-button-container{display:flex;align-items:center;gap:10px}.custom-visit-button{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:#4c4c4c;border-radius:5px;padding:4px 26px;gap:8px;font-weight:700;font-size:.92rem;transition:all .4s ease}.custom-visit-button:hover{scale:1.08;background:#f76300;color:#000}.custom-visit-button-image{color:#fff;width:22px;height:22px}.custom-visit-button:hover .custom-visit-button-image{color:#000}.custom-code-button{display:flex;align-items:center;justify-content:center;color:#c8c8c8;text-decoration:none;background:#232323;border:1px solid rgb(80,80,80);border-radius:5px;padding:4px 16px;gap:8px;font-weight:700;font-size:.86rem;transition:all .4s ease}.custom-code-button:hover{scale:1.08;background:#373737;color:#fff;border-color:#c8c8c8}#page3-portfolio-wrapper #page3-line{width:8px;min-height:100%;border-radius:20px;background:linear-gradient(180deg,#0000,#cf560413,#f76300,red);flex-shrink:0}.portfolio-return-box{border-radius:0!important;border:2px solid transparent!important;border-image:linear-gradient(to bottom,rgb(212,212,212),transparent,transparent) 1!important;padding:25px 20px!important;margin-top:10px;gap:15px;width:100%;box-sizing:border-box}.portfolio-return-box p{color:#c8c8c8;margin:0;font-size:1rem}.portfolio-bottom-return-btn{background:#181818;border:1px solid rgb(106,106,106);border-radius:8px;color:#fff;font-weight:700;padding:8px 25px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .4s ease}.portfolio-bottom-return-btn:hover{scale:1.1;background:#f76300;color:#000;border-color:#f76300}@media(max-width:1024px){.portfolio-cards-grid{grid-template-columns:1fr;max-width:700px;margin:0 auto}}@media(max-width:650px){#portfolio-custom-nav{padding:0 20px}#page3-portfolio-wrapper{padding:20px 10px 0}#page3-portfolio-wrapper #all-page3-container{gap:12px}.custom-web-box{background-color:#1d1d1d}.custom-web-image-container{height:250px;padding:15px 16px}.custom-web-image-text{padding:0 16px 16px}.custom-heading-con1 h1{font-size:1.4rem}.custom-visit-button{padding:4px 18px}}#models-portfolio-page{min-height:100vh;width:100%;background:#000;background:#000000ec;padding:0 0 60px;position:relative;box-sizing:border-box}#models-portfolio-page #bg-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}#models-portfolio-page #portfolio-custom-nav{display:flex;justify-content:space-between;padding:0 40px;align-items:center;position:sticky;top:0;z-index:20;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:70px;border-bottom:1px solid rgba(255,255,255,.08)}#models-portfolio-page #logo-section{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none}#models-portfolio-page #logo-section img{height:40px;width:40px;border-radius:50%}#models-portfolio-page #logo-section h3{font-size:20px;color:#fff}#models-portfolio-page .portfolio-back-btn{display:inline-flex;align-items:center;gap:8px;background:#181818;color:#dcdcdc;border:1px solid rgb(106,106,106);border-radius:9px;padding:6px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .4s ease}#models-portfolio-page .portfolio-back-btn:hover{background:#f76300;color:#000;border-color:#f76300;scale:1.05}#page5-portfolio-wrapper{width:100%;padding:30px 20px 0;box-sizing:border-box}#page5-portfolio-wrapper #page5-intro{display:flex;justify-content:center;font-size:clamp(20px,1vw,25px);color:#fff;margin-bottom:30px}#page5-portfolio-wrapper #all-page5-container{display:flex;flex-direction:row;justify-content:center;gap:25px;max-width:1400px;width:100%;margin:0 auto}#page5-portfolio-wrapper #all-models-box-container{display:flex;flex-direction:column;gap:30px;justify-content:center;width:100%}.model-portfolio-return-box{border-radius:0!important;border:2px solid transparent!important;border-image:linear-gradient(to bottom,rgb(212,212,212),transparent,transparent) 1!important;padding:25px 20px!important;margin-top:10px;gap:15px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#0f0f0f,#0f0f0f)}.model-portfolio-return-box p{color:#c8c8c8;margin:0;font-size:1rem}#models-portfolio-page .portfolio-bottom-return-btn{background:#181818;border:1px solid rgb(106,106,106);border-radius:8px;color:#fff;font-weight:700;padding:8px 25px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .4s ease}#models-portfolio-page .portfolio-bottom-return-btn:hover{scale:1.1;background:#f76300;color:#000;border-color:#f76300}@media(max-width:650px){#models-portfolio-page #portfolio-custom-nav{padding:0 20px}#page5-portfolio-wrapper{padding:20px 10px 0}}