*{padding:0;margin:0;box-sizing:border-box;transition:.3s background-color}@font-face{font-family:JetBrainsMono;src:url(/assets/jetbrains-B6tfaF3l.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Inter;width:100vw;height:100vh;overflow-x:hidden;background-color:var(--color-bg)!important;color:var(--color-text)}#root{width:100%;height:100%}.app-contents{width:100%;height:calc(100% - 60px);position:relative}.app-contents>div{position:relative!important;z-index:1}::-webkit-scrollbar{display:none}.snow-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:99999}.snowflake{position:absolute;top:-10%;color:#fff;-webkit-user-select:none;user-select:none;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:.8}}.header{width:100%;background:transparent!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:60px;position:sticky;inset:0;background-color:var(--color-bg)!important}.header>.HeaderContainer{width:100%;display:flex;justify-content:space-between;align-items:center;height:100%}.header .logo{display:flex;align-items:center;gap:12px}.header .logo .text{font-weight:700;color:var(--color-primary)}.nav-links{width:60%}@media(max-width:767px){.nav-links{display:none!important}}.nav-links .links{background-color:var(--color-muted-bg);width:100%;display:flex;justify-content:space-between;align-items:center;height:40px;border-radius:40px;gap:8px}.nav-links .links button{color:var(--color-text);font-size:14px;text-transform:capitalize;font-family:Inter;transition:.3s;border-radius:20px;padding:0 12px;flex-grow:1;height:100%}.nav-links .links button.active{background-color:var(--color-primary)!important;color:#f8fafc}.more-buttons{display:flex;justify-content:center;align-items:center;height:100%}.footer{width:100%;height:fit-content;padding:30px;text-align:center;color:var(--text-muted-foreground);position:fixed;bottom:0;left:0;z-index:0987}.about-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;background-image:url(/assets/about-bg-DIoytFB-.png);background-size:cover;background-repeat:no-repeat;overflow:hidden}.about-page:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(236,72,153,.15) 0%,transparent 50%);animation:gradientShift 20s ease infinite;z-index:0}@keyframes gradientShift{0%,to{transform:translate(-25%,-25%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.about-page:after{content:"";position:absolute;width:100%;height:100%;inset:0;background-color:var(--color-overlay)!important;z-index:0}.particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:50%;pointer-events:none;box-shadow:0 0 10px currentColor;opacity:.6}.particle:nth-child(2n){background:var(--color-secondary);width:2px;height:2px}.particle:nth-child(3n){background:var(--color-accent);width:4px;height:4px}.particle{animation:particlePulse 3s ease-in-out infinite}.particle:nth-child(2n){animation-delay:1s;animation-duration:4s}.particle:nth-child(3n){animation-delay:2s;animation-duration:5s}@keyframes particlePulse{0%,to{opacity:.3}50%{opacity:.8}}.shape{position:absolute;opacity:.08;z-index:0;filter:blur(40px)}.shape-1{top:10%;left:10%;width:300px;height:300px;background:radial-gradient(circle,var(--color-primary),transparent)}.shape-2{top:60%;right:15%;width:400px;height:400px;background:radial-gradient(circle,var(--color-secondary),transparent)}.shape-3{bottom:20%;left:20%;width:250px;height:250px;background:radial-gradient(circle,var(--color-accent),transparent)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0;pointer-events:none}.about-page>.contents{z-index:1;width:fit-content;height:fit-content;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.tag-hire{padding:8px 18px;font-weight:600;color:var(--color-primary);font-family:JetBrainsMono;font-size:14px;background-color:color-mix(in oklab,var(--color-primary) 10%,transparent);border-radius:30px;margin-bottom:12px;border:1px solid var(--color-primary);position:relative;overflow:hidden;box-shadow:0 0 20px #3b82f64d,inset 0 0 20px #3b82f61a}.tag-hire:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.about-page .heading-text{width:100%}.about-page .heading-text h2{text-align:center;width:100%;line-height:1.2;font-size:5rem;font-family:JetBrainsMono;font-weight:800;filter:drop-shadow(0 0 30px rgba(0,0,0,.5))}.about-page .heading-text h2.colored{background-image:linear-gradient(to right in oklab,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);color:transparent;background-clip:text;-webkit-background-clip:text;background-size:200% auto;animation:textShine 3s linear infinite;position:relative;filter:drop-shadow(0 0 30px rgba(59,130,246,.6)) drop-shadow(0 0 60px rgba(139,92,246,.4))}@keyframes textShine{0%{background-position:0% center}to{background-position:200% center}}.about-page .heading-text h2.colored:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to right in oklab,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:blur(10px);opacity:.5;z-index:-1}.about-page .heading-text h2:last-child{margin-bottom:16px}.about-page .descreption{color:var(--text-muted-foreground);font-size:18px!important;width:70%;text-align:center;line-height:1.5!important;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.about-page .buttons{padding:12px;display:flex;justify-content:space-between;gap:12px}.about-page .buttons>button{padding:8px 16px;color:var(--text);border:2px solid var(--text-muted-foreground);flex-grow:1;border-radius:30px;font-weight:700;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.about-page .buttons>button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.about-page .buttons>button:hover:before{width:300px;height:300px}.about-page .buttons>button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.btn-projects{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;border:none!important;color:#f8fafc!important;box-shadow:0 0 20px #3b82f680,0 5px 15px #0000004d}.btn-projects:hover{box-shadow:0 0 40px #3b82f6cc,0 10px 30px #00000080}.about-page .social-links{display:flex;gap:12px}.about-page .social-links>button{color:var(--text-muted-foreground);font-size:22px!important;transition:all .3s ease;position:relative}.about-page .social-links>button:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:var(--color-primary);opacity:0;filter:blur(10px);transition:opacity .3s ease;z-index:-1}.about-page .social-links>button:hover:before{opacity:.5}.about-page .social-links>button:hover{color:var(--color-primary);transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 5px 15px rgba(59,130,246,.6))}.noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5}.vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:0}@media(max-width:767px){.about-page .heading-text h2{font-size:3rem!important}.about-page .descreption{width:90%}.shape-1,.shape-2,.shape-3{width:200px;height:200px}}.heading{width:fit-content;margin:30px auto;padding:12px}.heading .heading-title{margin-bottom:12px;font-family:JetBrainsMono;font-weight:700;font-size:44px;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:0px 0px 5px rgba(0,0,0,.1)}.heading .heading-info{font-size:16px;color:var(--text-muted-foreground);width:80%!important;text-align:center;display:block;margin:auto;line-height:1.5;text-overflow:ellipsis;overflow:hidden}.project{padding-bottom:24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;height:fit-content!important;position:relative!important;overflow:hidden!important;border-radius:12px!important;box-shadow:0 8px 20px color-mix(in srgb,var(--color-bg) 30%,transparent)!important;backdrop-filter:blur(8px) saturate(140%)!important;-webkit-backdrop-filter:blur(8px) saturate(140%)!important}.project .project-head{width:100%!important;aspect-ratio:16 / 9;position:relative!important;overflow:hidden!important}.project-body,.project-footer{width:90%!important;margin-top:12px!important}.project-category{display:flex!important;justify-content:center!important;width:fit-content!important;gap:12px!important;align-items:center!important;font-size:12px!important;font-weight:700!important;position:absolute!important;z-index:9!important;top:20px!important;left:20px!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:color-mix(in srgb,var(--color-bg) 40%,transparent)!important;border-radius:8px!important;background-color:var(--text-muted-foreground);padding:8px;color:var(--color-text)}.project-image{width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;transition:transform .4s ease!important;object-fit:cover}.project:hover .project-image{transform:scale(1.1)!important}.project-title{font-size:32px!important;font-weight:700!important;font-family:JetBrainsMono!important;margin-bottom:12px!important;transition:.2s}.project:hover .project-title{color:var(--color-primary)}.project-info{color:var(--text-muted-foreground)!important;line-height:1.8!important;display:block!important;opacity:.9!important}.project-footer{width:100%!important}.project-tags{width:100%!important;display:flex!important;gap:12px!important}.project-tags>.project-tag{font-weight:700!important;border:1px solid var(--color-primary)!important;border-radius:12px!important;padding:4px 14px!important;background:color-mix(in srgb,var(--color-primary) 15%,transparent)!important;backdrop-filter:blur(6px) saturate(140%)!important;-webkit-backdrop-filter:blur(6px) saturate(140%)!important;transition:transform .25s ease,background .25s ease,box-shadow .25s ease!important;box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 10%,transparent)!important}.project:hover .actions{opacity:1}.project-tags>.project-tag:hover{transform:translateY(-2px) scale(1.05)!important;background:color-mix(in srgb,var(--color-primary) 25%,transparent)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent)!important}.project .actions{transition:.4s;opacity:0;position:absolute;z-index:8!important;background-color:var(--color-overlay);width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:12px;inset:00}.project .actions button{width:50px;height:50px;background-color:var(--color-text);color:var(--color-bg);display:flex;justify-content:center;align-items:center}.projects-page,.projects-page .contents{width:100%;height:100%;padding:12px}.projects-page .contents .projects{width:100%;height:fit-content;padding:60px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.skills-page{width:100%;height:100%;padding:12px}.skills-page .contents{width:100%;height:fit-content;margin-top:60px;padding:60px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.skills-page .contents>div{padding:12px;flex-grow:1}.skills-page .contents>div .progress-title{font-size:22px;font-family:JetBrainsMono;color:var(--color-primary);font-weight:700;margin-bottom:30px;border-bottom:1px solid var(--text-muted-foreground)!important;padding-bottom:12px}.skills-page .contents>div .progress-items{display:flex;flex-direction:column;gap:12px}.skills-page .contents>div .progress-items .item{padding:6px;position:relative;flex-grow:1}.skills-page .contents>div .progress-items .item:after{content:attr(data-progress);position:absolute;width:fit-content;height:fit-content;right:10px;top:0;font-weight:700;color:var(--text-muted-foreground)}.skills-page .contents>div .progress-items .item .progress-item-name{font-size:14px;font-weight:700;font-family:JetBrainsMono;text-transform:capitalize;margin-bottom:8px;display:block}.skills-page .contents>div .progress-items .item .progress-bar{height:6px;position:relative;border-radius:8px}.skills-page .contents>div .progress-items .item .progress-bar span{background-image:linear-gradient(to right,var(--color-primary),var(--color-secondary))}.contact-page{width:100%;height:100%;padding:12px}.contact-page .contents{width:100%;height:fit-content;margin-top:60px;padding:60px 0;display:flex;gap:20px;justify-content:center;align-items:start}.contact-page .contents .info{margin-right:12px;width:fit-content;flex-grow:1;display:flex;flex-direction:column;gap:12px}.contact-page .contents .info>div{flex-grow:1;border:1px solid var(--text-muted-foreground);display:flex;gap:24px;padding:20px;border-radius:12px}.contact-page .contents .info>div .icon .inner-icon{font-size:20px!important}.contact-page .contents .info>div .icon{padding:18px;border:1px solid var(--text-muted-foreground);height:fit-content;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.contact-page .contents .info>div .text{display:flex;flex-direction:column;justify-content:center}.contact-page .contents .info>div .text h4{font-size:18px!important;font-family:JetBrainsMono;font-weight:700;margin-bottom:8px}.contact-page .contents .info>div .text p{font-size:14px;color:var(--text-muted-foreground);line-height:1.8}.contact-page .contents .info>div .text .info-data{color:var(--color-primary)}.contact-page .social-links{display:flex;flex-direction:column;padding:20px;flex-grow:1}.contact-page .social-links h3{margin-bottom:12px;font-family:JetBrainsMono;font-size:22px;font-weight:700}.contact-page .social-links .links{display:flex;justify-content:center;gap:22px;margin-top:12px;flex-wrap:wrap}.contact-page .social-links button{border:1px solid var(--text-muted-foreground);color:var(--color-text);font-size:12px;border-radius:12px;text-align:start!important;justify-content:start;padding:12px;width:45%!important}@media(max-width:992px){.contact-page .contents{flex-direction:column!important;width:100%}.contact-page .contents>div{width:100%!important}.contact-page .contents>.info>div{width:100%}}