:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #F8FAFC;--text-secondary: #E2E8F0;--accent: #306df1;--accent-glow: rgba(119, 192, 251, .5);--resume-text-color: #2F2F2F;--resume-text-secondary-color: #1A2A40;--resume-background-color: #ede1dd;--resume-background-secondary-color: #e5cdc25e;--resume-shadow-color: rgba(0, 0, 0, .5);--max-width: 1280px;--header-height: 80px;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;display:block;min-width:320px;min-height:100vh}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:var(--accent)}img{max-width:100%;display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.app-container{width:100%;overflow-x:hidden}html{scrollbar-gutter:stable}.navbar{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}body{-ms-overflow-style:none;scrollbar-width:none}.nav-links{display:flex;gap:2rem}.nav-link{font-size:.95rem;color:var(--text-secondary)}.nav-link:hover{color:#fff}section{padding:5rem 2rem;max-width:var(--max-width);margin:0 auto;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:var(--text-primary)}.btn{padding:.8rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid transparent;display:inline-block}.btn-primary{background:#fff;color:#000}.btn-primary:hover{background:var(--accent);color:#fff;box-shadow:0 0 20px #646cff80}.btn-secondary{border-color:var(--accent);background:var(--accent);color:#fff}.btn-secondary:hover{border-color:#fff;background:#fff;color:var(--accent);box-shadow:0 0 20px #ededfc59}.page-container{min-height:100vh}footer{padding:2rem;text-align:center;color:#666;background:#383540;margin-top:auto}.project-card{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:2rem;background:linear-gradient(135deg,#ffffff0d,#ffffff06);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.3);border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card:hover{transform:translateY(-8px);border-color:#ffffff80;border-top-color:#fffc;border-left-color:#fffc;box-shadow:0 20px 40px #0006,0 0 20px var(--text-secondary),inset 0 0 20px #ffffff0d}.project-card h3{font-size:1.5rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-card p{color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1}.project-card{overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-25deg);transition:.35s}.project-card:hover:before{left:100%}.parallax-wrapper{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:800px;position:relative;background-color:#383540;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-primary);transform-style:preserve-3d;width:102vw;left:-1vw}body{margin:0;padding:0;width:100%}body:has(.parallax-wrapper){overflow:hidden;height:100%}.blend-top{mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 20%,black 50%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 20%,black 50%)}.parallax-layer{position:absolute;inset:0;width:100%;background-repeat:no-repeat;background-size:cover;pointer-events:none;z-index:-1;transform-style:preserve-3d}.layer-1{transform:translateZ(-1600px) scale(3);background:#292732;z-index:-5;height:110vh}.layer-2{transform:translateZ(-1200px) scale(2.5);background:#02081b;z-index:-4;top:0vh;height:110vh;overflow:hidden}.layer-2:before{content:" ";position:absolute;top:0;left:0;width:3px;height:3px;background:(rgba(255,255,255,.75));border-radius:50%;box-shadow:25.08vw 38.22vh #fff,29.24vw 95.91vh #fff,82.01vw 3.06vh #fff,94.82vw 69.93vh #fff,82.99vw 70.08vh #fff,50.2vw 21.91vh #fff,83.5vw 81.9vh #fff,66.12vw 76.54vh #fff,50.86vw 41.92vh #fff,44.15vw 60.69vh #fff,64.32vw 70.88vh #fff,14.76vw 78vh #fff,93.98vw 21.91vh #fff,11.86vw 58.14vh #fff,48.86vw 68.48vh #fff,8.5vw 11.85vh #fff,17.05vw 29.46vh #fff,98.42vw 94.49vh #fff,23.6vw 33.61vh #fff,46.36vw 82.64vh #fff,76.36vw 64.31vh #fff,6.61vw 35.16vh #fff,65.76vw 7.51vh #fff,33.43vw 62.9vh #fff,88.57vw 73.58vh #fff,91.71vw 85.52vh #fff,95.84vw 54.55vh #fff,92.12vw 76.48vh #fff,6.91vw 6.71vh #fff,20.55vw 54.62vh #fff,66.66vw 48.7vh #fff,11.11vw 39.34vh #fff,16.65vw 55.57vh #fff,28.45vw 87.47vh #fff,89.33vw 76.56vh #fff,60.36vw 23.08vh #fff,9.32vw 46.46vh #fff,92.51vw 76.04vh #fff,20.85vw 53.91vh #fff,99.62vw 55.54vh #fff,72.89vw 2.97vh #fff,57.95vw 34.48vh #fff,2.11vw 28.68vh #fff,55.83vw 54.88vh #fff,15.58vw 11.96vh #fff,77.22vw 21.85vh #fff,7.76vw 94.25vh #fff,18.65vw 12.8vh #fff,43.12vw 97.04vh #fff,47.73vw 56.46vh #fff,9.75vw 17.98vh #fff,35.12vw 60.44vh #fff,43.34vw 77.81vh #fff,93.76vw 29.23vh #fff,90.08vw 16.98vh #fff,58.87vw 92.43vh #fff,69.33vw 93.53vh #fff,38.99vw 36.24vh #fff,67.24vw 89.47vh #fff,3.23vw 56.66vh #fff,41.82vw 5.05vh #fff,48.32vw 71.97vh #fff,5.68vw 27.5vh #fff,62.11vw 2.31vh #fff,79.18vw 38.65vh #fff,10.08vw 84.63vh #fff,17.68vw 77.27vh #fff,21.25vw 92.39vh #fff,60.61vw 4.51vh #fff,38.53vw 39.17vh #fff,15.93vw 18.07vh #fff,81.8vw .89vh #fff,60.65vw 52.25vh #fff,77.4vw 61.6vh #fff,84.23vw 94.31vh #fff,45.05vw 93.64vh #fff,28.8vw 33.36vh #fff,37.85vw 84.61vh #fff,79.36vw 24.24vh #fff,19.74vw 91.25vh #fff,50.06vw 57.46vh #fff,12.43vw 20.78vh #fff,35.99vw 9.89vh #fff,13.25vw 61.73vh #fff,74.52vw 40.31vh #fff,21.03vw 50.35vh #fff,57.53vw 89.1vh #fff,20.89vw 3.88vh #fff,92.02vw 34.75vh #fff,65.34vw 64.94vh #fff,94.22vw 5.56vh #fff,73.76vw 30.24vh #fff,31.88vw 54.12vh #fff,91.96vw 52.51vh #fff,50.01vw 82.04vh #fff,79.91vw 8.77vh #fff,63.87vw 93.22vh #fff,55.52vw 10.12vh #fff,9.53vw 85.86vh #fff,79.98vw 73.22vh #fff,85.7vw 53.44vh #fff,14.85vw 63.95vh #fff}.layer-2:after{content:" ";position:absolute;top:0;left:0;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:17.69vw 91.88vh #fff,14.13vw 4.66vh #fff,2.48vw 12.82vh #fff,50.85vw 59.44vh #fff,8.17vw 33.01vh #fff,33.43vw 45.17vh #fff,54.23vw 96.19vh #fff,24.2vw 55.22vh #fff,38.87vw 77.59vh #fff,28.54vw 47.34vh #fff,50.09vw 25.16vh #fff,1.54vw 15.39vh #fff,25.67vw 18.94vh #fff,92.93vw 80.45vh #fff,85.01vw 80.98vh #fff,36.52vw 11.48vh #fff,85.78vw 37.66vh #fff,22.41vw 6.39vh #fff,85.3vw 13.53vh #fff,92.98vw 29.7vh #fff,79.62vw 18.05vh #fff,87.49vw 21.25vh #fff,55.72vw 18.04vh #fff,.47vw 89.36vh #fff,92.05vw 94.62vh #fff,3.25vw 13.7vh #fff,21.21vw 81.64vh #fff,38.6vw 88.81vh #fff,50.2vw 96.45vh #fff,14.93vw 66.37vh #fff,30.51vw 29.46vh #fff,88vw 50.71vh #fff,1.86vw 23.72vh #fff,14.56vw 14.07vh #fff,73.77vw 96.17vh #fff,92.73vw 86.44vh #fff,14.04vw 19.25vh #fff,10.09vw 85.95vh #fff,34.65vw 73.66vh #fff,61vw 2.68vh #fff,27.99vw 29.39vh #fff,26.2vw 3.04vh #fff,87.55vw 40.66vh #fff,74.11vw 2.16vh #fff,51.15vw 60.74vh #fff,19.87vw 16.9vh #fff,27.86vw 50.43vh #fff,1.89vw 2.79vh #fff,94.21vw 73.91vh #fff,11.09vw 8.61vh #fff,27.65vw 33.95vh #fff,37.08vw 20.92vh #fff,9.4vw 82.43vh #fff,39.43vw 88.65vh #fff,50.97vw 26.47vh #fff,34.08vw 38.87vh #fff,6.46vw 31.42vh #fff,77.95vw 63.75vh #fff,63.77vw 99.19vh #fff,62.31vw 73.8vh #fff,8.45vw 98.65vh #fff,91.32vw 55.5vh #fff,95.45vw 93.6vh #fff,47.71vw 57.73vh #fff,7.13vw 44.81vh #fff,73.69vw 85.65vh #fff,60.03vw 86.78vh #fff,77.26vw 16.17vh #fff}.layer-3{transform:translateZ(-800px) scale(2);background:#0f1e4a;z-index:-3;top:100vh;height:110vh;transform-style:preserve-3d}.cloud-svg{position:absolute;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));will-change:transform,filter;transform-style:preserve-3d}.layer-4{transform:translateZ(-400px) scale(1.5);z-index:-2;top:200vh;height:110vh;display:flex;align-items:flex-end}.layer-5{transform:translateZ(-1px) scale(1);z-index:-1;top:300vh;height:110vh;background:transparent;display:flex;align-items:flex-end}.sand-svg,.ocean-svg{width:100%;height:100%;object-fit:cover;display:block}.parallax-content{transform:translateZ(0);position:relative;z-index:1}.hero,.about,.projects,.contact{background:transparent!important;position:relative}.about-content,.project-card,.contact-info{background:transparent;padding:2rem}.project-card{background:#1e293bb3}.hero{min-height:100vh;padding-top:var(--header-height);align-items:flex-start;text-align:left}.hero h1{font-size:4rem;margin-bottom:1rem}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin-bottom:2rem}.cta-group{display:flex;gap:1rem}.contact{text-align:center;align-items:center}.contact p{font-size:1.2rem;margin-bottom:2rem;color:var(--text-secondary)}.popup-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease}.popup-content{background:var(--bg-secondary);padding:2.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);position:relative;width:90%;max-width:400px;box-shadow:0 10px 30px #00000080;animation:slideUp .3s ease}.popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;line-height:1}.popup-close:hover{color:#fff}.popup-content h3{margin-bottom:2rem;color:var(--accent);text-align:center}.contact-item{display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:center}.contact-item .label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px}.contact-item a{color:#fff;text-decoration:none;font-size:1.1rem;transition:color .2s}.contact-item a:hover{color:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%}.page-container{background-color:#2e34439a;background-image:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(255,255,255,.02) 50px,rgba(255,255,255,.02) 100px)}.resume-container{width:100%;margin:0 auto;padding:2rem;color:var(--resume-text-color);box-sizing:border-box;filter:drop-shadow(0px 1px 1px rgba(0,0,0,.2)) drop-shadow(4px 8px 12px rgba(0,0,0,.4))}.resume-header-section{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.resume-name{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.resume-contact-info{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:.5rem;width:100%}.contact-item{display:flex;align-items:center;gap:.5rem;color:#ccc;text-decoration:none;font-size:1rem}.resume-socials{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem;width:100%}.resume-socials a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .3s;font-size:1.1rem}.resume-socials a:hover{color:#60a5fa}.download-section{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap;width:100%}.download-chip{padding:.8rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;text-decoration:none;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 6px #0000001a}.download-chip:hover{background:#fff3;transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 6px 12px #60a5fa33}.resume-section-block{margin-bottom:3rem}.section-header{border-bottom:2px solid var(--resume-text-secondary-color);padding-bottom:.5rem;margin-bottom:1.5rem;font-size:1.4rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--resume-text-secondary-color)}.resume-item{padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;background:transparent;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;cursor:default;position:relative;width:100%;box-sizing:border-box}.resume-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.resume-title{font-size:1.2rem;font-weight:700;color:var(--resume-text-color);margin:0}.resume-date{font-size:.9rem;color:var(--resume-text-secondary-color);white-space:nowrap}.resume-subheader{display:flex;justify-content:space-between;font-size:1rem;color:var(--resume-text-color);flex-wrap:wrap;gap:.5rem}.resume-location{font-style:italic;font-size:.9rem;color:var(--resume-text-secondary-color)}.resume-popup{position:absolute;left:62%;top:-10%;width:350px;background:#fff;border:1px solid var(--resume-text-secondary-color);padding:1.5rem;border-radius:12px;box-shadow:0 20px 40px var(--resume-shadow-color);z-index:100;opacity:0;visibility:hidden;transform:translate(-15px) scale(.95);transition:all .2s cubic-bezier(.16,1,.3,1);pointer-events:none;color:var(--resume-text-color)}.resume-popup:before{content:"";position:absolute;top:25px;left:-7px;width:14px;height:14px;background:inherit;transform:rotate(45deg);border-left:1px solid var(--resume-text-secondary-color);border-bottom:1px solid var(--resume-text-secondary-color)}.resume-highlights{margin:.5rem 0 0;padding-left:1.2rem;font-size:.95rem;line-height:1.6;color:var(--resume-text-color)}.resume-content-grid{background:radial-gradient(circle at 70% 20%,var(--resume-background-secondary-color) 0%,transparent 50%),radial-gradient(circle at 35% 50%,var(--resume-background-secondary-color) 0%,transparent 50%),radial-gradient(circle at 70% 90%,var(--resume-background-secondary-color) 0%,transparent 60%),radial-gradient(circle at 10% 80%,var(--resume-background-secondary-color) 0%,transparent 40%),var(--resume-background-color);width:90%;max-width:900px;margin:0 auto;padding:3rem;border-radius:2px;border:1px solid transparent;background-clip:padding-box;border-image:linear-gradient(to right,#d1c7b1,#fff,#d1c7b1) 1;display:flex;flex-direction:column;gap:2rem;position:relative;transform:rotate(-.3deg)}.resume-content-grid:before{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);border-radius:inherit}.resume-content-grid:after{content:"";position:absolute;inset:0;filter:url(#paper-texture);pointer-events:none}.resume-left-col,.resume-right-col{width:100%}.resume-highlights li{margin-bottom:.5rem}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.skill-category{font-size:1.1rem;color:var(--resume-text-secondary-color);margin-bottom:.5rem;font-weight:600}.skills-grid p{font-size:1rem;line-height:1.6;color:var(--resume-text-color)}@media(max-width:1000px){.resume-main-body{padding:1.5rem;max-width:100%}.resume-popup{position:relative;left:0;top:0;width:100%;margin-top:1rem;background:#ffffffe6;border:none;box-shadow:none;display:none;transform:none}.skills-grid{grid-template-columns:1fr}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.resume-content-grid h1,.resume-content-grid h2,.resume-content-grid h3,.resume-content-grid p,.resume-content-grid span,.resume-content-grid li,.resume-content-grid a,.resume-content-grid .resume-date,.resume-content-grid .resume-location{opacity:.9;filter:blur(.4px)}.extras-container{text-align:center;padding:2rem}.construction-container{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none;overflow-y:overlay}.construction-svg{max-width:400px;width:100%;height:auto}.construction-container p{font-size:1.5rem;color:var(--text-primary);font-weight:500}