.bio{margin-top:3rem;font-weight:400;padding:2.5rem;width:50%;margin-left:25%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);margin-bottom:3rem;border-radius:24px;border:2px solid #177fc8;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;overflow:hidden}.bio h3{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.bio p{font-weight:300!important;font-size:1.25rem;line-height:1.7;color:rgba(245,245,245,.9);margin:0;text-align:justify}.bio p a{color:#4a9eff;text-decoration:none;font-weight:400;position:relative;transition:all .3s ease}.bio p a:hover{color:#fff}.bio p a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#4a9eff;transition:width .3s ease}.bio p a:hover:after{width:100%}.bio p span{background:linear-gradient(90deg,#177fc8,#4a9eff);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;font-weight:600;padding:0 2px}@media only screen and (max-width:768px){.bio{padding:2rem 1.5rem;margin-top:2rem;margin-bottom:2rem}.bio,.bio h3{text-align:center}.bio h3{font-size:1.875rem}.bio p{font-size:1.125rem;text-align:center}}.contact{margin-top:3rem;font-weight:400;padding:2.5rem;width:50%;margin-left:25%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);margin-bottom:3rem;border-radius:24px;border:2px solid #177fc8;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;overflow:hidden}.contact h3{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.contact p{font-weight:300!important;font-size:1.25rem;line-height:1.7;color:rgba(245,245,245,.9);margin:0 0 1rem}.contact .contact-sub-text{font-size:1rem;font-weight:400;margin-top:.5rem;color:rgba(245,245,245,.7)}.contact form{display:flex;flex-direction:column;width:60%;margin-top:2rem}.contact form input{width:80%;margin:.75rem 0;padding:.875rem 1rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);background:#1d1d1d;font-family:font,font Fallback,sans-serif;color:#fff;font-size:1rem;transition:all .3s ease}.contact form input:focus{outline:none;border-color:#4a9eff}.contact form input::placeholder{color:rgba(245,245,245,.5)}.contact form textarea{width:80%;margin:.75rem 0;padding:.875rem 1rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);background:#1d1d1d;resize:vertical;font-family:font,font Fallback,sans-serif;min-height:120px;color:#fff;font-size:1rem;transition:all .3s ease}.contact form textarea:focus{outline:none;border-color:#4a9eff}.contact form textarea::placeholder{color:rgba(245,245,245,.5)}.contact form button{width:80%;margin:1rem 0;padding:1rem 1.5rem;border-radius:12px;border:none;background-color:#177fc8;color:#f5f5f5;font-size:1.1rem;font-weight:600;font-family:font,font Fallback,sans-serif;cursor:pointer;transition:.15s}.contact form button:hover{background-color:#f2f1ee;color:#177fc8}.contact form button:disabled{background:linear-gradient(135deg,#666,#888);color:rgba(245,245,245,.6);cursor:not-allowed;transform:none;box-shadow:none}.contact form button:disabled:before{display:none}@media only screen and (min-width:320px)and (max-width:768px){.contact{padding:2rem 1.5rem;margin-top:2rem;margin-bottom:2rem;text-align:center}.contact h3{font-size:1.875rem;text-align:center}.contact p{font-size:1.125rem}.contact .contact-sub-text,.contact p{text-align:center}.contact form{width:100%;align-items:center}.contact form button,.contact form input,.contact form textarea{width:100%}}.footer{width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:2rem 0;text-align:center;font-size:.95rem;margin-top:4rem;position:relative}.footer p{margin:0;color:rgba(245,245,245,.7);font-weight:300;letter-spacing:.5px}.me{background-color:#177fc8;margin-top:70px!important;margin-bottom:70px!important;margin-left:25%;width:50%;padding:3rem 2.5rem;border-radius:40px;text-align:left;min-height:18em;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.me h1{font-size:3rem;font-weight:700;margin:0;line-height:1.2}.me h2{font-size:1.25rem;font-weight:400;margin:0;opacity:.9;line-height:1.4}.me a{background-color:#f5f5f5;border:1px solid #000;border-radius:8px;padding:.75rem 1.5rem;margin-right:.75rem;font-size:1.1rem;font-weight:500;cursor:pointer;color:#000;transition:all .2s ease;text-decoration:none;display:inline-block}.me a:hover{background-color:rgba(0,0,0,.8);color:#fff;transform:translateY(-2px)}.me img{width:200px;height:200px;border-radius:50%;margin-bottom:20px}.me .buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}@media only screen and (min-width:320px)and (max-width:768px){.me{width:90%;margin-left:5%;padding:2rem 1.5rem;text-align:center;min-height:16em}.me h1{font-size:2.5rem!important}.me h2{font-size:1.1rem!important}.me .buttons{justify-content:center;margin-top:1rem}}.not-found-wrapper{width:100%;display:flex;justify-content:center;margin-top:6rem;margin-bottom:4rem;padding:0 1rem}.not-found{width:50%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border:2px solid #177fc8;border-radius:24px;padding:3rem 2.5rem;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;overflow:hidden}.not-found h1{font-size:4rem;margin-bottom:.5rem;background:linear-gradient(90deg,#4a9eff,#177fc8);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.not-found h2{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.not-found .message{font-size:1.125rem;font-weight:300;line-height:1.6;margin:0 auto 2rem;max-width:38ch;color:rgba(245,245,245,.9)}.not-found .button{background-color:#177fc8;color:#f5f5f5;padding:.9rem 1.75rem;border-radius:10px;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .2s ease;display:inline-block;border:1px solid #177fc8}.not-found .button:hover{background-color:#f5f5f5;color:#177fc8}@media only screen and (max-width:1024px){.not-found{width:70%}}@media only screen and (max-width:768px){.not-found-wrapper{margin-top:6rem}.not-found{width:90%;padding:2.5rem 1.75rem}.not-found h1{font-size:3.25rem}.not-found h2{font-size:1.5rem}.not-found .message{font-size:1rem}}.projects{margin-top:3rem;font-size:1.5rem;font-weight:400;padding:2.5rem;width:50%;margin-left:25%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);margin-bottom:3rem;border-radius:24px;border:2px solid #177fc8;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;overflow:hidden}.projects h3{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.project-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;justify-content:flex-start}.project-grid .project{background-color:#1d1d1d;padding:24px;border-radius:16px;text-align:left;transition:all .2s ease;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333% - 10px);border:1px solid #2a2a2a;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;flex-direction:column;min-height:400px}.project-grid .project:hover{background-color:#212121;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4);border-color:#333}.project-grid .project h4{font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-grid .project p{font-size:1.2rem;font-weight:400;line-height:1.5;height:5.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;cursor:help;position:relative}.project-grid .project img{width:100%;height:auto;border-radius:12px;margin-top:20px;margin-bottom:20px;transition:transform .2s ease}.project-grid .project:hover img{transform:scale(1.02)}.project-grid .project .buttons{margin-top:auto;padding-top:auto;display:flex;gap:10px}.project-grid .project .buttons a,.project-grid .project .buttons button{background-color:#177fc8;color:#f5f5f5;padding:10px 20px;border-radius:8px;text-decoration:none;font-size:1rem;font-family:font,font Fallback,sans-serif;font-weight:500;transition:.15s;cursor:pointer;border:none}.project-grid .project .buttons a:hover,.project-grid .project .buttons button:hover{background-color:#f2f1ee;color:#177fc8}.project-grid .project .buttons a:nth-child(2),.project-grid .project .buttons button:nth-child(2){margin-left:auto}.project-grid .project .buttons a:nth-child(2):hover,.project-grid .project .buttons button:nth-child(2):hover{background-color:#f5f5f5;color:#177fc8}.project-modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,.5);transition:.15s;animation:fade-in .3s ease forwards}.project-modal.fade-out{animation:fade-out .3s ease forwards}.project-modal .project-modal-content{background-color:#1d1d1d;margin:5% auto;width:45%;max-width:800px;max-height:90vh;border-radius:20px;text-align:left;transform:scale(.8);animation:zoom-in .3s ease forwards;overflow:hidden;display:flex;flex-direction:column}.project-modal .project-modal-content .project-modal-header{background-color:#2a2a2a;padding:20px;border-bottom:1px solid #333}.project-modal .project-modal-content .project-modal-header h4{font-size:2rem;font-weight:700;margin:0;color:#f5f5f5}.project-modal .project-modal-content .project-modal-header .project-modal-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.project-modal .project-modal-content .project-modal-header .project-modal-meta span{font-size:1.2rem;font-weight:400;color:#ccc}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status{padding:4px 12px;border-radius:16px;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-active{background-color:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-inactive{background-color:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-beta,.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-development{background-color:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-archived{background-color:rgba(107,114,128,.2);color:#6b7280;border:1px solid rgba(107,114,128,.3)}.project-modal .project-modal-content .project-modal-body{padding:20px;flex:1 1;background-color:#1d1d1d;overflow-y:auto;max-height:calc(90vh - 200px)}.project-modal .project-modal-content .project-modal-body img{width:75%;height:300px;display:block;border-radius:20px;margin:0 auto 20px;object-fit:cover;background-color:#2a2a2a}.project-modal .project-modal-content .project-modal-body p{font-size:1rem;font-weight:400;color:#f5f5f5;line-height:1.6}.project-modal .project-modal-content .project-modal-footer{background-color:#151515;padding:20px;border-top:1px solid #333}.project-modal .project-modal-content .project-modal-footer .buttons{margin:0;display:flex;gap:10px}.project-modal .project-modal-content .project-modal-footer .buttons a,.project-modal .project-modal-content .project-modal-footer .buttons button{background-color:#177fc8;color:#f5f5f5;padding:10px 20px;border-radius:5px;text-decoration:none;font-size:1rem;font-family:font,font Fallback,sans-serif;transition:.15s;cursor:pointer;border:none}.project-modal .project-modal-content .project-modal-footer .buttons a:hover,.project-modal .project-modal-content .project-modal-footer .buttons button:hover{background-color:#f2f1ee;color:#177fc8}.project-modal .project-modal-content .project-modal-footer .buttons a:nth-child(2),.project-modal .project-modal-content .project-modal-footer .buttons button:nth-child(2){margin-left:auto}.project-modal .project-modal-content .project-modal-footer .buttons a:nth-child(2):hover,.project-modal .project-modal-content .project-modal-footer .buttons button:nth-child(2):hover{background-color:#f5f5f5;color:#177fc8}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in{0%{transform:scale(.8)}to{transform:scale(1)}}@media only screen and (min-width:320px)and (max-width:768px){.projects{padding:2rem 1.5rem;margin-top:2rem;margin-bottom:2rem;text-align:center}.projects h3{font-size:1.875rem;text-align:center}.project-grid{justify-content:center}.project-grid .project{flex:0 0 100%;text-align:center;max-width:400px;margin:0 auto}.project-modal{padding:.5rem}.project-modal .project-modal-content{width:95%;margin:1rem auto;max-height:calc(100vh - 2rem)}.project-modal .project-modal-content .project-modal-header{padding:15px}.project-modal .project-modal-content .project-modal-header h4{font-size:1.5rem}.project-modal .project-modal-content .project-modal-header .project-modal-meta{flex-direction:column;align-items:flex-start;gap:10px}.project-modal .project-modal-content .project-modal-header .project-modal-meta span{font-size:1rem}.project-modal .project-modal-content .project-modal-body{padding:15px;max-height:calc(100vh - 200px);overflow-y:auto}.project-modal .project-modal-content .project-modal-body img{width:100%;height:250px;object-fit:cover;background-color:#2a2a2a}.project-modal .project-modal-content .project-modal-body p{font-size:.9rem}.project-modal .project-modal-content .project-modal-footer{padding:15px}.project-modal .project-modal-content .project-modal-footer .buttons{flex-direction:column;gap:10px}.project-modal .project-modal-content .project-modal-footer .buttons a,.project-modal .project-modal-content .project-modal-footer .buttons button{width:100%;text-align:center}.project-modal .project-modal-content .project-modal-footer .buttons a:nth-child(2),.project-modal .project-modal-content .project-modal-footer .buttons button:nth-child(2){margin-left:0}}@media only screen and (min-width:769px)and (max-width:1024px){.project-modal .project-modal-content{width:70%;max-width:700px}}.back-button{position:absolute;top:6rem;left:25%;z-index:1000}.back-button a{background-color:#177fc8;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-block}.back-button a:hover{background-color:#1364a3;transform:translateY(-2px);color:#fff}.subpage{margin-top:10rem;font-weight:400;padding:2.5rem;width:50%;margin-left:25%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);margin-bottom:3rem;border-radius:24px;border:2px solid #177fc8;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;overflow:hidden}.subpage h1{font-size:3rem;font-weight:700;margin-bottom:2rem;color:#fff;text-align:center}.subpage .subpage-content h3{font-size:1.75rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#4a9eff}.subpage .subpage-content p{font-weight:300;font-size:1.25rem;line-height:1.7;color:rgba(245,245,245,.9);margin-bottom:1.5rem;text-align:justify}.subpage .subpage-content p a{color:#4a9eff;text-decoration:none;font-weight:400;position:relative;transition:all .3s ease}.subpage .subpage-content p a:hover{color:#fff;text-shadow:0 0 8px rgba(74,158,255,.5)}.subpage .subpage-content p a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#4a9eff;transition:width .3s ease}.subpage .subpage-content p a:hover:after{width:100%}.subpage .subpage-content ul{margin:1.5rem 0;padding-left:1.5rem}.subpage .subpage-content ul li{font-size:1.125rem;line-height:1.6;color:rgba(245,245,245,.85);margin-bottom:.75rem}.subpage .subpage-content ul li strong{color:#4a9eff;font-weight:600}@media only screen and (max-width:768px){.back-button{top:4rem;left:5%}.back-button a{padding:.5rem 1rem;font-size:.9rem}.subpage{width:90%;margin-left:5%;padding:2rem 1.5rem;margin-top:8rem;margin-bottom:2rem}.subpage h1{font-size:2.25rem}.subpage .subpage-content h3{font-size:1.5rem;text-align:center}.subpage .subpage-content p{font-size:1.125rem;text-align:left}.subpage .subpage-content ul{padding-left:1rem}.subpage .subpage-content ul li{font-size:1rem}}body,html{width:100%;height:100%;background-color:#212121!important;scroll-behavior:smooth}body.layout-root{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1 0 auto;display:flex;flex-direction:column}.footer{flex-shrink:0}*{padding:0;box-sizing:border-box;color:#f5f5f5}*,h1{margin:0}h1{font-size:3rem;font-weight:700}h2{font-size:2rem;font-weight:400;margin:0}a{color:#177fc8;text-decoration:none}a:hover{color:#f5f5f5}span{color:#c8b817}::selection{background-color:#177fc8;color:#f5f5f5}@media only screen and (min-width:320px)and (max-width:768px){.bio,.contact,.gallery,.projects{width:90%;margin-left:5%}}@font-face{font-family:font;src:url(/_next/static/media/e6ed29f43efb55f0-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:font Fallback;src:local("Arial");ascent-override:94.63%;descent-override:23.50%;line-gap-override:0.00%;size-adjust:103.66%}.__className_5cd584{font-family:font,font Fallback;font-weight:400;font-style:normal}