@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Turret+Road:wght@200;300;400;500;700;800&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}.flex{display:flex}.hidden{display:none}.table{display:table}.resize{resize:both}.capitalize{text-transform:capitalize}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--hue-color:242;--skin-color:#7426b0;--skin-color-light:#9d4fd6;--skin-glow:#7426b080;--title-color:hsl(var(--hue-color), 8%, 95%);--text-color:hsl(var(--hue-color), 8%, 75%);--body-color:#090910;--box-color:#ffffff0a;--glass-border:#ffffff14;--glass-bg:#ffffff0a;--scroll-box-color:hsl(var(--hue-color), 12%, 18%);--scroll-thumb-color:hsl(var(--hue-color), 12%, 30%);--body-font:"Poppins", sans-serif;--signature-font:"Turret Road", sans-serif;--desktop-scale:.8;--sidebar-width:80px;--sidebar-logo-size:50px;--sidebar-nav-height:80px;--sidebar-logo-reserve:170px;--biggest-font-size:2.4rem;--h1-font-size:1.8rem;--h2-font-size:1.2rem;--h3-font-size:1rem;--normal-font-size:.75rem;--small-font-size:.7rem;--smaller-font-size:.65rem;--font-medium:500;--font-bold:600;--mb025:.2rem;--mb05:.4rem;--mb075:.6rem;--mb1:.8rem;--mb15:1.2rem;--mb2:1.6rem;--mb25:2rem;--mb3:2.4rem;--z-fixed:10;--z-modal:100}@media screen and (max-width:1024px){:root{--desktop-scale:1;--biggest-font-size:2rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);position:relative;overflow-x:hidden}h1,h2,h3{color:var(--title-color);font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer}button,input{border:none;outline:none}.bg-orbs{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-orbs .orb{filter:blur(80px);opacity:.35;border-radius:50%;animation:linear infinite orbFloat;position:absolute}.bg-orbs .orb-1{background:radial-gradient(circle,#7426b0cc,#0000 70%);width:500px;height:500px;animation-duration:20s;top:-10%;left:-10%}.bg-orbs .orb-2{background:radial-gradient(circle,#9d4fd6b3,#0000 70%);width:400px;height:400px;animation-duration:25s;animation-delay:-8s;top:40%;right:-8%}.bg-orbs .orb-3{background:radial-gradient(circle,#50148ccc,#0000 70%);width:350px;height:350px;animation-duration:30s;animation-delay:-15s;bottom:10%;left:20%}.bg-orbs .orb-4{background:radial-gradient(circle,#c882ff80,#0000 70%);width:280px;height:280px;animation-duration:18s;animation-delay:-5s;top:20%;left:45%}.bg-orbs .orb-5{background:radial-gradient(circle,#3c0a7899,#0000 70%);width:450px;height:450px;animation-duration:22s;animation-delay:-12s;bottom:-10%;right:20%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,30px)scale(.95)}75%{transform:translate(40px,20px)scale(1.02)}to{transform:translate(0)scale(1)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d}::-webkit-scrollbar{background-color:var(--scroll-box-color);border-radius:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border-radius:.5rem}.container{max-width:calc(1250px * var(--desktop-scale));margin-left:auto;margin-right:auto}.grid{display:grid}.button{background:linear-gradient(135deg,var(--skin-color),var(--skin-color-light));font-weight:var(--font-medium);z-index:1;border:1px solid #ffffff26;border-radius:2rem;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;padding:.8rem 1.6rem;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 4px 20px #7426b066;color:#fff!important}.button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7426b099}.section{z-index:1;padding:5.2rem 0 1.6rem;position:relative}.section-title{text-align:center;font-size:var(--h1-font-size);margin-bottom:var(--mb3);position:relative}.section-title:before{content:attr(data-heading);font-size:var(--normal-font-size);font-weight:var(--font-medium);color:var(--skin-color-light);letter-spacing:3px;text-transform:uppercase;margin-bottom:.5rem;display:block}.section-title:after{content:"";background:linear-gradient(90deg,var(--skin-color),var(--skin-color-light));border-radius:2px;width:60px;height:3px;margin:.8rem auto 0;display:block}.button,.nav-link,.home-social-link,.info-icon,.about-icon,.skills-icon,.work-button,.services-icon,.contact-card-icon,.footer-social,.footer-links,.footer-copy a{transition:color .3s,transform .3s}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:999;background:#0a0514b3;flex-direction:column;align-items:center;height:100vh;padding:1.5rem 0;transition:background .3s,transform .3s;display:flex;position:fixed;overflow:hidden}.nav{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.nav-logo{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);min-width:var(--sidebar-logo-size);min-height:var(--sidebar-logo-size);background:linear-gradient(135deg,var(--skin-color),var(--skin-color-light));box-shadow:0 0 20px var(--skin-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;overflow:hidden}.nav-logo-img{border-radius:100%;width:100%}.nav-menu{flex:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.menu{justify-content:center;width:100%;display:flex}.nav-list{flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin:0;display:flex}.nav-link{color:var(--text-color);font-weight:var(--font-medium);font-size:var(--normal-font-size);letter-spacing:1.2px;text-transform:capitalize;white-space:nowrap;align-items:center;transition:color .3s;display:inline-flex;position:relative}.nav-link.active-link,.nav-link:hover{color:var(--skin-color-light)}.nav-link.active-link:after,.nav-link:hover:after{content:"";background:var(--skin-color-light);width:6px;height:6px;box-shadow:0 0 8px var(--skin-glow);border-radius:50%;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.nav-toggle{cursor:pointer;background:linear-gradient(135deg,var(--skin-color),var(--skin-color-light));z-index:999;width:40px;height:36px;box-shadow:0 4px 15px var(--skin-glow);border:1px solid #fff3;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.2rem;display:none;position:fixed;top:2rem;right:1.5rem;color:#fff!important}.nav-close{color:var(--skin-color-light);cursor:pointer;font-size:1.5rem;display:none;position:absolute;top:1rem;right:1.25rem}.x-icon{color:currentColor;font-size:1.05rem}@media screen and (min-width:1025px){.nav{justify-content:flex-start;row-gap:1.5rem}.nav-list{gap:0}.nav-item{justify-content:center;align-items:center;width:100%;padding:.6rem 0;display:flex}.nav-link{writing-mode:vertical-rl;letter-spacing:1px;font-size:.7rem;transform:rotate(180deg)}}.main{margin-left:var(--sidebar-width);z-index:1;position:relative}.home{align-items:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.home:before{content:"";pointer-events:none;background:radial-gradient(at 30%,#7426b01f,#0000 60%),radial-gradient(at 80% 20%,#9d4fd614,#0000 50%);position:absolute;inset:0}.home-container{grid-template-columns:1fr 1fr;align-items:center;gap:2.4rem;width:100%;padding:4.8rem 0 1.6rem;display:grid;position:relative}.home-social{align-items:center;-moz-column-gap:3.5rem;column-gap:3.5rem;display:flex;position:absolute;top:1.8rem;left:0}.home-social-follow{font-weight:var(--font-medium);position:relative}.home-social-follow:after{content:"";background:var(--text-color);width:1rem;height:2px;position:absolute;top:50%;right:-45%}.home-social-links{-moz-column-gap:1rem;column-gap:1rem;display:inline-flex}.home-social-link{color:var(--text-color);font-size:1.08rem}.home-social-link:hover{color:var(--skin-color-light);transform:translateY(-3px)}.home-greeting{font-size:var(--small-font-size);color:var(--skin-color-light);font-weight:var(--font-medium);letter-spacing:3px;text-transform:uppercase;margin-bottom:.5rem}.home-title{font-size:var(--biggest-font-size);margin-bottom:.5rem;line-height:1.2}.home-title .name{color:var(--skin-color-light)}.home-subtitle{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb075);color:var(--text-color)}.typing{color:var(--skin-color-light);font-weight:700}.home-description{max-width:calc(480px * var(--desktop-scale));margin-bottom:var(--mb2);color:var(--text-color);line-height:1.8}.home-img-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.home-img-wrapper:before{content:"";width:calc(380px * var(--desktop-scale));height:calc(380px * var(--desktop-scale));background:radial-gradient(circle,#7426b066,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite alternate heroGlow;position:absolute}@keyframes heroGlow{0%{opacity:.5;transform:scale(.95)}to{opacity:.9;transform:scale(1.05)}}.hero-profile-img{width:calc(340px * var(--desktop-scale));height:calc(340px * var(--desktop-scale));-o-object-fit:cover;object-fit:cover;z-index:1;border:3px solid #7426b080;border-radius:50%;position:relative;box-shadow:0 0 40px #7426b080,0 0 80px #7426b033}.hero-ring{width:calc(370px * var(--desktop-scale));height:calc(370px * var(--desktop-scale));z-index:2;border:1px solid #9d4fd64d;border-radius:50%;animation:20s linear infinite ringRotate;position:absolute}.hero-ring:before{content:"";background:var(--skin-color-light);width:12px;height:12px;box-shadow:0 0 10px var(--skin-color-light);border-radius:50%;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-info{grid-column:1/-1;-moz-column-gap:1.8rem;column-gap:1.8rem;margin-top:2rem;display:flex;position:relative}.info-item{align-items:center;display:flex}.info-title,.info-subtitle{font-size:var(--small-font-size)}.info-title{font-weight:var(--font-medium);color:var(--title-color)}.info-icon{color:var(--skin-color-light);margin-right:var(--mb075);font-size:1.8rem}.about-container{grid-template-columns:repeat(2,1fr);align-items:center;-moz-column-gap:3.2rem;column-gap:3.2rem}.about-img{width:calc(480px * var(--desktop-scale));border-radius:1rem;justify-self:center;box-shadow:0 0 30px #7426b033}.about-heading{font-size:var(--h3-font-size);margin-bottom:var(--mb075)}.about-description{text-align:justify;margin-bottom:var(--mb2);padding-right:6rem;line-height:1.8}.about-info{grid-template-columns:repeat(3,calc(140px * var(--desktop-scale)));margin-bottom:var(--mb3);-moz-column-gap:.5rem;column-gap:.5rem;display:grid}.about-box{text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1rem;padding:1rem 1.25rem;transition:all .3s}.about-box:hover{border-color:var(--skin-color);transform:translateY(-3px);box-shadow:0 0 20px #7426b04d}.about-icon{color:var(--skin-color-light);margin-bottom:var(--mb075);font-size:1.5rem}.about-title,.about-subtitle{font-size:var(--small-font-size)}.qualification-container{grid-template-columns:calc(340px * var(--desktop-scale));justify-content:center;-moz-column-gap:2.4rem;column-gap:2.4rem}.qualification-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb2)}.timeline-item{margin-bottom:var(--mb25);padding-left:3rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";background:linear-gradient(to bottom,var(--skin-color),transparent);width:1px;height:100%;position:absolute;top:0;left:.48rem}.circle-dot{border:2px solid var(--skin-color-light);background:var(--skin-color);width:1rem;height:1rem;box-shadow:0 0 10px var(--skin-glow);border-radius:50%;transition:all .4s;position:absolute;top:0;left:0}.timeline-item:hover .circle-dot{box-shadow:0 0 16px var(--skin-glow);background-color:#0000}.timeline-title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb025)}.timeline-text{font-size:var(--smaller-font-size);margin-bottom:var(--mb1)}.timeline-date{font-size:var(--normal-font-size);color:var(--skin-color-light);align-items:center;-moz-column-gap:.4rem;column-gap:.4rem;display:flex}.skills-container{grid-template-columns:calc(360px * var(--desktop-scale)) calc(320px * var(--desktop-scale));justify-content:center;-moz-column-gap:2.4rem;column-gap:2.4rem}.skills-header{cursor:pointer;border-radius:.75rem;align-items:center;padding:1rem;transition:all .3s;display:flex}.skills-header:hover{background:var(--glass-bg)}.skills-header:not(:last-child){margin-bottom:var(--mb25)}.skills-icon,.skills-arrow{color:var(--skin-color-light);font-size:2rem}.skills-icon{margin-right:var(--mb075)}.skills-arrow{margin-left:auto}.skills-active .skills-arrow{transition:all .4s;transform:rotate(-90deg)}.skills-title{font-size:var(--h3-font-size);font-weight:var(--font-medium)}.skills-subtitle{font-size:var(--small-font-size)}.skills-list{row-gap:1.8rem}.skills-titles{margin-bottom:var(--mb05);justify-content:space-between;display:flex}.skills-name{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.skills-bar,.skills-percentage{border-radius:1rem;height:6px}.skills-bar{background:#ffffff14}.skills-percentage{background:linear-gradient(90deg,var(--skin-color),var(--skin-color-light));box-shadow:0 0 8px var(--skin-glow);display:block}.skills [data-content]{display:none}.skills-active[data-content]{display:block}.work-container{grid-template-columns:repeat(3,calc(330px * var(--desktop-scale)));justify-content:center;gap:1.45rem;padding-top:1rem;padding-bottom:1.5rem;display:grid}.work-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.work-item{cursor:pointer;color:var(--title-color);font-weight:var(--font-medium);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--small-font-size);border-radius:2rem;padding:.35rem .9rem;transition:all .3s}.work-item:hover{border-color:var(--skin-color);color:var(--skin-color-light)}.active-work{background:linear-gradient(135deg,var(--skin-color),var(--skin-color-light));box-shadow:0 4px 15px var(--skin-glow);border-color:#0000;color:#fff!important}.work-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);cursor:pointer;border-radius:1rem;padding:1.25rem;transition:all .35s;position:relative;overflow:hidden}.work-card:before{content:"";opacity:0;background:linear-gradient(135deg,#7426b00d,#0000);transition:opacity .3s;position:absolute;inset:0}.work-card:hover{border-color:#7426b066;transform:translateY(-6px);box-shadow:0 16px 40px #7426b033}.work-card:hover:before{opacity:1}.work-star-toggle{-webkit-backdrop-filter:blur(8px);color:#ffffff73;z-index:10;cursor:pointer;background:#0b07188c;border:1px solid #ffffff1a;border-radius:.55rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:1rem;right:1rem}.work-star-toggle:hover{color:gold;background:#0b0718cc;border-color:#ffd70066;transform:scale(1.12)}.work-star-toggle:active{transform:scale(.92)}.work-star-toggle.is-starred{color:gold;background:#ffd7001f;border-color:#ffd70080;box-shadow:0 4px 16px #ffd7002e}.work-star-toggle.is-starred:hover{background:#ffd70033;box-shadow:0 6px 22px #ffd7004d}.work-star-toggle .star-icon{transition:transform .35s cubic-bezier(.4,0,.2,1)}.work-star-toggle.is-starred .star-icon{animation:.4s forwards starPop}@keyframes starPop{0%{transform:scale(1)}40%{transform:scale(1.35)rotate(18deg)}70%{transform:scale(.9)rotate(-6deg)}to{transform:scale(1)rotate(0)}}.work-img{margin-bottom:var(--mb1);aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:.75rem;width:100%}.work-title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb05)}.work-button{color:var(--skin-color-light);font-size:var(--small-font-size);cursor:pointer;font-weight:var(--font-medium);align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;display:flex}.work-button-icon{font-size:1rem;transition:all .3s}.work-button:hover .work-button-icon{transform:translate(.35rem)}.services-container{grid-template-columns:repeat(3,minmax(220px,280px));justify-content:center;-moz-column-gap:1.8rem;column-gap:1.8rem;max-width:980px;margin:0 auto;display:grid}.services-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);text-align:center;cursor:pointer;border-radius:1.5rem;padding:3rem 1.5rem 2rem;transition:all .35s;position:relative}.services-content:hover{border-color:#7426b080;transform:translateY(-8px);box-shadow:0 20px 50px #7426b033}.services-icon-wrap{width:70px;height:70px;margin:0 auto var(--mb1);background:linear-gradient(135deg,#7426b04d,#9d4fd633);border:1px solid #7426b066;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.services-content:hover .services-icon-wrap{box-shadow:0 0 20px var(--skin-glow);background:linear-gradient(135deg,#7426b080,#9d4fd64d)}.services-icon{color:var(--skin-color-light);margin:0;font-size:1.8rem;display:block}.services-title{font-size:var(--h3-font-size);margin-bottom:var(--mb1);font-weight:var(--font-medium)}.services-desc{font-size:var(--small-font-size);color:var(--text-color);margin-bottom:var(--mb15);line-height:1.7}.services-button{color:var(--skin-color-light);font-size:var(--small-font-size);cursor:pointer;font-weight:var(--font-medium);justify-content:center;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;display:inline-flex}.services-button-icon{font-size:1rem;transition:all .3s}.services-button:hover .services-button-icon{transform:translate(.35rem)}.services-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-modal) + 1);opacity:0;visibility:hidden;background:#0009;transition:all .4s;position:fixed;inset:0}.services-drawer-overlay.open{opacity:1;visibility:visible}.services-drawer{-webkit-backdrop-filter:blur(30px);border-left:1px solid var(--glass-border);width:min(500px,90vw);height:100vh;z-index:calc(var(--z-modal) + 2);background:linear-gradient(160deg,#0f081efa,#080412fa);padding:2.2rem 2rem;transition:transform .45s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-20px 0 60px #00000080}.services-drawer.open{transform:translate(0)}.drawer-close{border:1px solid var(--glass-border);cursor:pointer;width:40px;height:40px;color:var(--title-color);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.drawer-close:hover{border-color:var(--skin-color);color:#fff;background:#7426b04d;transform:rotate(90deg)}.drawer-icon-wrap{background:linear-gradient(135deg,#7426b066,#9d4fd64d);border:1px solid #7426b080;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.8rem;display:flex;box-shadow:0 0 30px #7426b04d}.drawer-icon{color:var(--skin-color-light);font-size:1.8rem}.drawer-subtitle{font-size:var(--small-font-size);color:var(--skin-color-light);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}.drawer-title{font-size:var(--h2-font-size);color:var(--title-color);margin-bottom:.6rem;font-weight:700}.drawer-desc{font-size:var(--small-font-size);color:var(--text-color);margin-bottom:1rem;line-height:1.8}.drawer-divider{background:var(--glass-border);height:1px;margin-bottom:1rem}.drawer-features-title{font-size:var(--small-font-size);letter-spacing:2px;text-transform:uppercase;color:var(--skin-color-light);margin-bottom:.8rem}.drawer-feature-list{flex-direction:column;row-gap:.5rem;display:flex}.drawer-feature-item{border:1px solid var(--glass-border);background:#ffffff08;border-radius:.6rem;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;padding:.5rem .8rem;transition:all .3s;display:flex}.drawer-feature-item:hover{background:#7426b014;border-color:#7426b066}.drawer-feature-icon{color:var(--skin-color-light);flex-shrink:0;font-size:1.1rem}.drawer-feature-text{font-size:var(--small-font-size);color:var(--text-color)}.contact-container{grid-template-columns:calc(300px * var(--desktop-scale)) calc(340px * var(--desktop-scale));justify-content:center;align-items:center;-moz-column-gap:2.4rem;column-gap:2.4rem}.contact-info{row-gap:1rem;display:grid}.contact-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);text-align:center;border-radius:1rem;padding:1.2rem;transition:all .3s}.contact-card:hover{border-color:#7426b066;transform:translateY(-2px);box-shadow:0 8px 25px #7426b026}.contact-card-icon{color:var(--skin-color-light);margin-bottom:var(--mb025);font-size:1.8rem}.contact-card-title,.contact-card-data{font-size:var(--small-font-size)}.contact-card-title{font-weight:var(--font-medium);color:var(--title-color)}.contact-card-data{margin-bottom:var(--mb075);color:var(--skin-color-light);display:block}.contact-button{color:var(--skin-color-light);font-size:var(--small-font-size);cursor:pointer;justify-content:center;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;display:flex}.contact-button-icon{font-size:1rem;transition:all .3s}.contact-button:hover .contact-button-icon{transform:translate(.25rem)}.input-container{margin-top:1rem;margin-bottom:1.9rem;position:relative}.input{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--title-color);font-weight:var(--font-medium);font-size:var(--normal-font-size);letter-spacing:.5px;background:#ffffff0a;border-radius:.75rem;outline:none;padding:.75rem 1.2rem;transition:all .3s}.input:focus{border-color:var(--skin-color);box-shadow:0 0 15px #7426b033}textarea.input{resize:none;min-height:140px;font-family:var(--body-font);border-radius:.75rem;padding:.8rem 1.2rem}.input-container label{color:var(--text-color);font-size:1rem;font-weight:var(--font-medium);pointer-events:none;z-index:15;background:0 0;padding:0 .4rem;transition:all .4s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-container.textarea label{top:1rem;transform:translateY(0)}.input-container span{font-size:var(--small-font-size);pointer-events:none;z-index:var(--z-fixed);color:#0000;padding:0 .4rem;position:absolute;top:0;left:25px;transform:translateY(-50%)}.input-container span:before,.input-container span:after{content:"";opacity:0;background-color:var(--body-color);width:10%;height:5px;transition:all .4s;position:absolute;top:50%;transform:translateY(-50%)}.input-container span:before{left:50%}.input-container span:after{right:50%}.input-container.focus label{font-size:var(--smaller-font-size);color:var(--skin-color-light);top:0;left:25px;transform:translateY(-50%)}.input-container.focus span:before,.input-container.focus span:after{opacity:1;width:50%}.footer{padding-top:2rem}.footer-bg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);background:#05030ccc;padding:3rem 0 3.5rem}.footer-container{grid-template-columns:repeat(3,1fr);-moz-column-gap:1.6rem;column-gap:1.6rem}.footer-title{font-size:var(--h1-font-size);margin-bottom:var(--mb025)}.footer-subtitle{font-size:var(--small-font-size);color:var(--text-color)}.footer-links{justify-self:center;-moz-column-gap:2rem;column-gap:2rem;display:flex}.footer-links a{color:var(--text-color);transition:color .3s}.footer-links a:hover{color:var(--skin-color-light)}.footer-socials{justify-self:flex-end}.footer-social{margin-right:var(--mb15);color:var(--text-color);font-size:1.25rem;transition:all .3s}.footer-social:hover{color:var(--skin-color-light);transform:translateY(-3px)}.footer-copy{font-size:var(--smaller-font-size);text-align:center;color:var(--text-color);margin-top:4.5rem}.footer-copy a{font-family:var(--signature-font);color:var(--skin-color-light)}.footer-copy a:hover{color:#fff}.footer-title,.footer-subtitle{color:var(--title-color)}.project-detail-page{min-height:100vh;padding:0;position:relative;overflow-x:hidden}.project-detail-hero{padding:5rem 0 4rem;position:relative}.project-detail-hero>.container{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.project-detail-hero:before{content:"";background:radial-gradient(ellipse at 50% 0%,var(--project-color-glow,#7426b033) 0%,transparent 70%);pointer-events:none;position:absolute;inset:0}.project-back-btn{color:var(--text-color);font-size:var(--small-font-size);font-weight:var(--font-medium);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:2rem;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;margin-bottom:3rem;padding:.6rem 1.2rem;transition:all .3s;display:inline-flex}.project-back-btn:hover{border-color:var(--project-color,var(--skin-color));color:#fff;transform:translate(-4px)}.project-back-btn i{font-size:1.1rem}.project-category-badge{font-size:var(--smaller-font-size);font-weight:var(--font-medium);letter-spacing:2px;text-transform:uppercase;border:1px solid var(--project-color,var(--skin-color));color:var(--project-color,var(--skin-color-light));background:#ffffff0f;border-radius:2rem;margin-bottom:1.5rem;padding:.3rem 1rem;display:inline-block}.project-detail-title{color:var(--title-color);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.project-detail-subtitle{font-size:var(--h3-font-size);color:var(--text-color);margin-bottom:3rem}.project-detail-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:4rem;display:grid}.project-detail-desc{font-size:var(--normal-font-size);color:var(--text-color);margin-bottom:2rem;line-height:1.9}.project-meta-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.project-meta-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1rem;padding:1.2rem 1.5rem;transition:border-color .3s}.project-meta-item:hover{border-color:var(--project-color,var(--skin-color))}.project-meta-label{font-size:var(--smaller-font-size);text-transform:uppercase;letter-spacing:2px;color:var(--project-color,var(--skin-color-light));margin-bottom:.4rem;display:block}.project-meta-value{font-size:var(--small-font-size);color:var(--title-color);font-weight:var(--font-medium)}.project-github-btn{font-size:var(--small-font-size);font-weight:var(--font-medium);color:#fff;cursor:pointer;border:1px solid #fff3;border-radius:2rem;align-items:center;-moz-column-gap:.6rem;column-gap:.6rem;margin-top:1.5rem;padding:.8rem 1.8rem;text-decoration:none;transition:all .3s;display:inline-flex}.project-github-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0006}.project-mockup-img{border:1px solid var(--glass-border);border-radius:1rem;width:100%;max-width:500px;box-shadow:0 20px 60px #0006}.project-screenshots-section{border-top:1px solid var(--glass-border);margin-bottom:4rem;padding-top:3rem}.project-screenshots-title{font-size:var(--h2-font-size);margin-bottom:var(--mb25);text-align:center}.project-screenshots-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5rem;display:grid}.screenshot-placeholder{aspect-ratio:16/10;background:var(--glass-bg);border:2px dashed var(--glass-border);color:var(--text-color);font-size:var(--small-font-size);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .3s;display:flex}.screenshot-placeholder i{color:var(--project-color,var(--skin-color-light));opacity:.6;font-size:2rem}.screenshot-placeholder:hover{border-color:var(--project-color,var(--skin-color));background:#7426b00a}.screenshot-wrapper{cursor:pointer;border-radius:1rem;position:relative;overflow:hidden}.project-screenshot-img{border:1px solid var(--glass-border);border-radius:1rem;width:100%;height:auto;transition:border-color .3s;display:block}.screenshot-wrapper:hover .project-screenshot-img{border-color:var(--project-color,var(--skin-color))}.lightbox-modal{z-index:10000;cursor:zoom-out;opacity:0;background-color:#05030cf2;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-content img{border:1px solid var(--glass-border);border-radius:.5rem;max-width:100%;max-height:90vh;animation:.3s forwards scaleIn;transform:scale(.95);box-shadow:0 10px 40px #000c}.lightbox-close{color:#fff;cursor:pointer;font-size:2.5rem;font-weight:300;line-height:1;transition:color .3s;position:absolute;top:-2.5rem;right:0}.lightbox-close:hover{color:var(--project-color,var(--skin-color-light))}@keyframes fadeIn{to{opacity:1}}@keyframes scaleIn{to{transform:scale(1)}}@media screen and (max-width:1408px){.container{margin-left:var(--mb25);margin-right:var(--mb25)}}@media screen and (max-width:1216px){.about-container{-moz-column-gap:2.5rem;column-gap:2.5rem}.about-description{padding-right:0}.work-container{grid-template-columns:repeat(2,calc(330px * var(--desktop-scale)));gap:2.4rem}}@media screen and (max-width:1024px){.container{margin-left:var(--mb15);margin-right:var(--mb15)}.sidebar{z-index:999;width:100%;padding:0;display:block;transform:translate(-100%)}.show-sidebar{transform:translate(0)}.nav-logo,.btn-share{display:none}.nav-menu{justify-content:center;width:100%;height:100%;display:flex;transform:rotate(0)translate(0)}.nav-list{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%}.nav-link{line-height:1.5;font-size:var(--normal-font-size);text-transform:uppercase;padding:1rem 0}.nav-link.active-link:after,.nav-link:hover:after{margin:auto;inset:auto 0 0;transform:none}.nav-close{display:block}.nav-toggle{display:flex}.main{margin-left:0}.about-container{grid-template-columns:1fr;row-gap:2.5rem}.about-img{width:350px}.about-data{text-align:center}.about-info{justify-content:center}.about-box{padding:.75rem .5rem}.about-description{text-align:center;padding:0 4rem}.qualification-container{grid-template-columns:repeat(2,290px)}.skills-container{grid-template-columns:340px 300px}.skills-list{row-gap:1.7rem}.services-container{grid-template-columns:repeat(3,minmax(200px,1fr))}.project-detail-grid{grid-template-columns:1fr;gap:2rem}.project-detail-hero{padding:4rem 0 3rem}.project-mockup-img{max-width:100%}}@media screen and (max-width:768px){.home-container{text-align:center;grid-template-columns:1fr}.home-img-wrapper{order:-1}.hero-profile-img{width:220px;height:220px}.hero-ring{width:250px;height:250px}.home-img-wrapper:before{width:260px;height:260px}.home-description{max-width:100%}.my-info{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;position:static}.home-social{left:initial;flex-direction:column;row-gap:3.5rem;top:5rem;right:-1rem}.about-img{width:250px}.qualification-container{grid-template-columns:290px;row-gap:3rem}.skills-container{grid-template-columns:300px;row-gap:3rem}.work-container{grid-template-columns:330px}.services-container{grid-template-columns:repeat(2,minmax(220px,280px));justify-content:center;gap:1.5rem}.contact-container{grid-template-columns:360px;row-gap:3rem}.footer-container{grid-template-columns:repeat(2,1fr);row-gap:3rem}.footer-socials{justify-self:start}.footer-links{flex-direction:column;row-gap:1.5rem}.footer-bg{padding:2rem 0 3rem}.footer-copy{margin-top:var(--mb3)}.project-screenshots-grid,.project-meta-grid{grid-template-columns:1fr}.project-detail-hero{padding:3rem 0 2rem}.project-detail-hero>.container{padding-left:1rem;padding-right:1rem}.project-back-btn{margin-bottom:1.5rem}.project-detail-title{font-size:clamp(1.5rem,6vw,2rem)}.project-detail-subtitle{font-size:var(--normal-font-size);margin-bottom:1.5rem}.project-detail-desc{font-size:var(--small-font-size);line-height:1.7}.project-detail-grid{gap:1.5rem;margin-bottom:2rem}.project-meta-item{padding:.8rem 1rem}.project-screenshots-section{margin-bottom:2rem;padding-top:2rem}.project-category-badge{margin-bottom:1rem;font-size:.6rem}.services-drawer{width:100%}}@media screen and (max-width:576px){.nav-toggle{right:initial;left:1.5rem}.home{min-height:initial;padding:7rem 0 2rem}.home-container{padding:0}.hero-profile-img{width:180px;height:180px}.hero-ring{width:210px;height:210px}.home-img-wrapper:before{width:220px;height:220px}.my-info{display:none}.about-info{grid-template-columns:repeat(3,1fr)}.about-description{padding:0}.work-container,.contact-container{grid-template-columns:300px}.footer-container{grid-template-columns:1fr}.footer-links{justify-self:flex-start}.services-container{grid-template-columns:1fr;max-width:300px}.project-detail-hero{padding:2rem 0 1.5rem}.project-detail-hero>.container{padding-left:.75rem;padding-right:.75rem}.project-detail-title{font-size:1.4rem}.project-github-btn{font-size:var(--smaller-font-size);padding:.6rem 1.2rem}.project-meta-grid{gap:.6rem}.project-meta-item{padding:.6rem .8rem}}@media screen and (max-width:350px){.container{margin-left:var(--mb1);margin-right:var(--mb1)}.home-title{font-size:var(--h1-font-size)}.home-subtitle{font-size:var(--normal-font-size)}.about-info{grid-template-columns:repeat(2,1fr);row-gap:.5rem}.work-container,.skills-container,.qualification-container,.contact-container{grid-template-columns:1fr}.skills-title,.work-item{font-size:var(--normal-font-size)}.work-filters{-moz-column-gap:.25rem;column-gap:.25rem}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}