@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);nav{animation:floatUp .5s ease-out .5s forwards,fadeInBg .5s ease-out .5s forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(17,22,87,.238);border:1px solid rgba(41,71,97,.385);border-radius:3rem;bottom:2rem;box-shadow:0 4px 30px #142f64;display:flex;gap:.8rem;isolation:isolate;left:50%;opacity:0;overflow:visible;padding:.7rem 1.7rem;position:fixed;transform:translateX(-50%) translateY(100px);width:-webkit-max-content;width:max-content;z-index:2}nav:before{background:radial-gradient(circle 70px at 50% 50%,#22c55e80,#3b82f680,#0000 50%);background:radial-gradient(circle 70px at var(--mouse-x,50%) var(--mouse-y,50%),#22c55e80,#3b82f680,#0000 50%);border-radius:3rem;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:-1}nav:hover:before{opacity:1}nav:after{border-radius:3rem;color:#ffffff26;content:attr(data-pattern);font-family:monospace;font-size:8px;font-weight:700;inset:0;line-height:1;-webkit-mask-image:radial-gradient(circle 100px at 50% 50%,#000 0,#0000 100%);-webkit-mask-image:radial-gradient(circle 100px at var(--mouse-x,50%) var(--mouse-y,50%),#000 0,#0000 100%);mask-image:radial-gradient(circle 100px at 50% 50%,#000 0,#0000 100%);mask-image:radial-gradient(circle 100px at var(--mouse-x,50%) var(--mouse-y,50%),#000 0,#0000 100%);opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;white-space:pre-wrap;word-break:break-all}nav:hover:after{opacity:1}nav a{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;animation:fadeIn .5s forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0000;border-radius:50%;color:var(--color-light);display:flex;font-size:1.2rem;justify-content:center;opacity:0;padding:.9rem;transform:translateZ(0)}@keyframes floatUp{to{transform:translateX(-50%) translateY(0)}}@keyframes fadeInBg{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}nav a:first-child{animation-delay:1.2s}nav a:nth-child(2){animation-delay:1.4s}nav a:nth-child(3){animation-delay:1.5s}nav a:nth-child(4){animation-delay:1.7s}nav a:nth-child(5){animation-delay:1.9s}nav a.active{background:#0000004d;box-shadow:0 0 10px #00ffffb3,0 0 20px #00ffff80;color:var(--color-primary)}.nav-toggle{align-items:center;background:var(--color-primary);border-radius:50%;bottom:2rem;color:var(--color-bg);cursor:pointer;display:none;font-size:.9rem;height:2.5rem;justify-content:center;padding:.5rem;position:fixed;right:2rem;transform-origin:center;transition:all .3s ease;width:2.5rem;z-index:1000}.nav-toggle:hover{background:var(--color-primary-variant)}.nav-toggle:active{animation:buttonClick .3s ease}@keyframes buttonClick{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}@media screen and (max-width:600px){.nav-toggle{display:flex}nav{gap:.5rem;padding:.5rem 1.2rem;transition:transform .3s ease,opacity .3s ease}nav a{font-size:1.4rem;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;padding:.7rem;will-change:transform}nav.nav-hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(200%)}nav.nav-visible{pointer-events:auto}nav,nav.nav-visible{opacity:1;transform:translateX(-50%) translateY(0)}nav{animation:none}}.portfolio-section{color:#fff;min-height:-webkit-fit-content;min-height:fit-content;padding:clamp(3rem,8vh,6rem) clamp(1rem,5vw,2rem);position:relative}.portfolio-container{margin:0 auto;max-width:min(1200px,90vw);padding:0 clamp(.5rem,2vw,1rem)}.portfolio-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.portfolio-grid{grid-gap:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));margin-top:clamp(1rem,3vh,2rem);padding:clamp(.5rem,2vw,1rem);position:relative}.portfolio-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden}.card-wrapper,.portfolio-card{position:relative}.card-content{padding:1.5rem}.card-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.card-description{color:#ccc;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:#3b82f633;border-radius:999px;color:#93c5fd;font-size:.75rem;padding:.25rem .75rem;white-space:nowrap}.card-expanded{background:var(--color-background);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;left:50%;max-height:90vh;overflow-y:auto;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%)!important;width:min(90vw,800px);z-index:101}.card-expanded .card-content{display:flex;flex-direction:column;gap:1.5rem}.card-expanded .card-title{font-size:2rem;margin-bottom:.5rem}.card-expanded .card-description{font-size:1.1rem;line-height:1.6}.card-expanded .tech-tags{display:flex;flex-wrap:wrap;gap:.8rem}.card-expanded .card-details{margin-top:1rem}.card-link{margin-top:1.5rem}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}@media (max-width:768px){.portfolio-section{padding:clamp(2rem,5vh,4rem) clamp(.5rem,3vw,1rem)}.portfolio-grid{grid-template-columns:1fr}.card-expanded{padding:1.5rem}.card-expanded .card-title{font-size:1.5rem}.card-expanded .card-description{font-size:1rem}.portfolio-card{transition:transform .3s,box-shadow .3s}}.card-pattern{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s}.portfolio-card:hover .card-pattern{opacity:1}.card-pattern-gradient{background:radial-gradient(circle 150px at var(--mouse-x) var(--mouse-y),#22c55e26,#3b82f626,#0000 50%);inset:0;opacity:0;position:absolute;transition:opacity .5s}.portfolio-card:hover .card-pattern-gradient{opacity:1}.card-pattern-text{color:#ffffff26;font-family:monospace;font-size:12px;font-weight:700;inset:0;line-height:1;-webkit-mask-image:radial-gradient(circle 200px at var(--mouse-x) var(--mouse-y),#000 0,#0000 100%);mask-image:radial-gradient(circle 200px at var(--mouse-x) var(--mouse-y),#000 0,#0000 100%);opacity:0;overflow:hidden;position:absolute;transition:opacity .5s;white-space:pre-wrap;word-break:break-all}.portfolio-card:hover .card-pattern-text{opacity:1}:root{--scanner-position:30vh;--scanner-height:4px;--glow-size:150px;--glow-intensity:0.2;--scanner-color:#3b82f6}@media (max-width:768px){.portfolio-card{position:relative;transition:opacity .3s ease}.card-pattern-gradient{display:none}.portfolio-card:before{background:linear-gradient(180deg,#0000,#0000 -150px,#3b82f633 0,#0000 150px);background:linear-gradient(to bottom,#0000,#0000 calc(var(--card-offset, 0%) - var(--glow-size)),rgba(59,130,246,var(--glow-intensity)) var(--card-offset,0),#0000 calc(var(--card-offset, 0%) + var(--glow-size)));content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.portfolio-card.in-view:before{opacity:1}.card-pattern-text{display:none}}@media (min-width:769px){.card-pattern-gradient{background:radial-gradient(circle 150px at var(--mouse-x) var(--mouse-y),#22c55e26,#3b82f626,#0000 50%);inset:0;position:absolute}}.portfolio-header{align-items:center;display:flex;justify-content:space-between}.portfolio-controls{align-items:center;display:flex;gap:1rem}.projects-per-page-select{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.projects-per-page-select:hover{border-color:#fff3}.projects-per-page-select option{background:#1a1a1a;color:#fff}.pagination{gap:.5rem;margin-top:2rem;padding:1rem 0}.pagination,.pagination-button{align-items:center;display:flex;justify-content:center}.pagination-button{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;height:40px;transition:all .3s ease;width:40px}.pagination-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.pagination-button.active{background:#3b82f64d;border-color:#3b82f680}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.card-links{display:flex;gap:1rem;margin-top:1.5rem}.card-link{align-items:center;color:#60a5fa;display:inline-flex;gap:.5rem;text-decoration:none;transition:color .3s ease}.card-link:hover{color:#93c5fd}@media (max-width:768px){.portfolio-header{align-items:stretch;flex-direction:column;gap:1rem}.portfolio-controls{justify-content:center}.pagination{flex-wrap:wrap}.pagination-button{font-size:.8rem;height:36px;width:36px}}.portfolio-header{margin-bottom:2rem;text-align:center}.page-navigation{gap:.75rem;margin-top:1rem}.page-button,.page-navigation{display:flex;justify-content:center}.page-button{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;height:40px;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.page-button:hover{background:#ffffff1a;border-color:#fff3}.page-button.active{background:#3b82f64d;border-color:#3b82f680}.button-pattern{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s}.page-button:hover .button-pattern{opacity:1}.button-pattern-gradient{background:radial-gradient(circle 150px at var(--mouse-x) var(--mouse-y),#22c55e26,#3b82f626,#0000 50%);inset:0;position:absolute}@media (max-width:768px){.portfolio-header{margin-bottom:1.5rem}.page-navigation{gap:.5rem}.page-button{font-size:.9rem;height:36px;width:36px}}.loading-screen{background-color:#000;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.loading-screen,.progress-wrapper{align-items:center;display:flex;width:100%}.progress-wrapper{flex-direction:column;gap:1.5rem;position:relative}.progress-text{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 2px #00000080}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:#4db5ff66;--color-white:#fff;--color-light:#fff9;--transition:all 400ms ease-in;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#1f1f38;background:var(--color-bg);background-image:url(/static/media/blueeditedcool_pattern.8fbc9e3ef6b2901bae2c.jpg);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;padding:0 2rem;width:min(75%,1200px);width:min(var(--container-width-lg),1200px)}h1,h2,h3,h4,h5{font-size:2.5rem}h6{color:#fff9;color:var(--color-light);font-size:1.2rem}section{min-height:-webkit-fit-content;min-height:fit-content;overflow:hidden;padding:clamp(3rem,8vh,6rem) 0;position:relative;width:100%}section>h2,section>h5{color:#fff9;color:var(--color-light);text-align:center}section>h2{color:#4db5ff;color:var(--color-primary);margin-bottom:3rem}.text-light{color:#fff9;color:var(--color-light)}a{color:#4db5ff;color:var(--color-primary);transition:all .4s ease-in;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.4rem;color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease-in;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:#0000}.btn-primary,.btn:hover{color:#1f1f38;color:var(--color-bg)}.btn-primary{background:#4db5ff;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}}@media screen and (max-width:600px){section{padding:clamp(2rem,5vh,4rem) 0}.container{padding:0 1rem;width:90%;width:var(--container-width-sm)}}
/*# sourceMappingURL=main.07ddb766.css.map*/