:root{--bg-primary:#020205;--bg-secondary:#0a0b10;--bg-tertiary:#12141d;--accent-primary:#04f;--accent-secondary:#06f;--accent-glow:#0066ff80;--text-primary:#fff;--text-secondary:#8a8f98;--text-muted:#5e636e;--border-color:#ffffff0d;--border-highlight:#0066ff4d;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.title-massive{text-transform:uppercase;letter-spacing:-.05em;font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:.9}.title-massive .accent{color:var(--accent-primary)}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-secondary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.5rem;display:flex}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section{border-top:1px solid var(--border-color);padding:6rem 0}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);background:#0a0b10b3;border-radius:12px}.hover-glow{transition:all .3s}.hover-glow:hover{border-color:var(--border-highlight);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.btn{color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-main);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn:hover{border-color:var(--accent-primary);background:#0044ff1a}.text-gradient{background:linear-gradient(90deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero{flex-direction:column;justify-content:space-between;min-height:90vh;padding-top:4rem;padding-bottom:4rem;display:flex}.hero-top{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:flex-start;font-size:.8rem;display:flex}.location{align-items:center;gap:.5rem;display:flex}.accent-icon{color:var(--accent-primary)}.hero-top .accent{color:var(--accent-secondary)}.hero-main{justify-content:space-between;align-items:center;margin:4rem 0;display:flex;position:relative}.hero-image-container{z-index:-1;border:1px solid var(--border-color);border-radius:20px;width:400px;height:500px;position:absolute;right:10%;overflow:hidden;box-shadow:0 0 50px #04f3}.hero-image-container:after{content:"";background:radial-gradient(circle at center, transparent 40%, var(--bg-primary) 100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-image{object-fit:cover;opacity:.8;mix-blend-mode:luminosity;width:100%;height:100%;transition:opacity .5s}.hero-image:hover{opacity:1;mix-blend-mode:normal}.hero-bottom{justify-content:space-between;align-items:flex-end;display:flex}.statement{color:var(--text-secondary);font-size:1rem;line-height:1.5}.star{color:var(--accent-primary);margin-right:.5rem}.btn-scroll{border-radius:100px;padding:.75rem 2rem}@media (width<=900px){.hero{gap:2rem}.hero-main{flex-direction:column;order:-1;align-items:flex-start;margin:0}.hero-top{border-top:1px solid var(--border-color);flex-flow:wrap;order:0;gap:1rem;margin:1rem 0;padding-top:2rem}.location,.availability{font-size:.75rem}.hero-image-container{z-index:1;width:100%;height:400px;margin-top:2rem;position:relative;right:0}.title-massive{z-index:2}.hero-bottom{flex-direction:column;order:1;align-items:flex-start;gap:1.5rem}}.why-hire-me{padding-top:4rem;padding-bottom:4rem}.impact-header{margin-bottom:4rem}.text-center{text-align:center}.justify-center{justify-content:center}.impact-subtitle{color:var(--text-secondary);max-width:800px;margin:1.5rem auto 0;font-size:1.5rem;line-height:1.5}.impact-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.impact-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem;transition:transform .3s;display:flex}.impact-card:hover{transform:translateY(-10px)}.impact-icon-wrapper{background:#0044ff1a;border:1px solid #04f3;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:.5rem;display:flex}.impact-title{color:var(--text-primary);letter-spacing:.05em;font-size:1.25rem;font-weight:700}.impact-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (width<=900px){.impact-grid{grid-template-columns:1fr;gap:1.5rem}.impact-subtitle{font-size:1.25rem}.impact-card{gap:1rem;padding:1.5rem}.impact-icon-wrapper{width:50px;height:50px}.impact-icon-wrapper svg{width:24px;height:24px}}.project-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#020205d9;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.project-modal .close-btn{color:#fff;background:#00000080;border-radius:50%;padding:.5rem;top:1rem;right:1rem}.project-modal .close-btn:hover{background:#000c}.project-modal{background:var(--bg-secondary);width:100%;max-width:900px;max-height:90vh;box-shadow:0 0 50px #00000080, 0 0 0 1px var(--border-color);border-radius:20px;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow-y:auto}.project-modal-image-container{background:#0003;width:100%;position:relative}.project-modal-image{width:100%;height:auto;display:block}.project-modal-details{padding:3rem;position:relative}.project-modal .project-number{opacity:.2;font-size:4rem;position:absolute;top:-40px;right:3rem}.project-modal-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.project-modal-meta{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.meta-item{color:var(--accent-primary);align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}.meta-item span{color:var(--text-secondary);font-weight:400}.project-modal-desc{color:var(--text-secondary);flex-direction:column;gap:1rem;line-height:1.8;display:flex}.mt-4{margin-top:2rem}.project-modal::-webkit-scrollbar{width:8px}.project-modal::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:0 20px 20px 0}.project-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.project-modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.project-modal-overlay{padding:1rem}.project-modal-details{padding:1.25rem}.project-modal-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.project-modal-title{font-size:1.8rem}.project-modal .project-number{font-size:3rem;top:-30px;right:2rem}}.projects-section{padding-bottom:2rem;overflow:hidden}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;padding:1rem 0;display:grid}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects-grid{grid-template-columns:1fr;justify-items:center}}.project-card{flex-direction:column;gap:.75rem;width:100%;padding:1rem;display:flex;position:relative;overflow:hidden}@media (width<=768px){.project-card{width:100%;max-width:320px}}.project-info{z-index:2;flex-direction:column;gap:.5rem;display:flex}.project-number{font-size:2rem;font-weight:800;line-height:1}.project-title{letter-spacing:.05em;font-size:1.1rem;font-weight:700}.project-description{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.project-link{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:40px;height:40px;margin-top:1rem;transition:all .3s;display:flex}.project-link:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.project-image-container{z-index:1;border-radius:8px;width:100%;height:140px;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image{transform:scale(1.05)}.process-section{flex-direction:column;display:flex}.process-list{flex-direction:column;gap:1rem;display:flex}.process-item{border-radius:100px;align-items:center;gap:2rem;padding:1.5rem 2rem;display:flex}.process-number{color:var(--text-secondary);font-size:1.5rem;font-weight:700}.process-content{flex-direction:column;gap:.25rem;display:flex}.process-title{letter-spacing:.05em;text-transform:uppercase;font-size:1rem}.process-desc{color:var(--text-secondary);font-size:.875rem}@media (width<=768px){.process-item{border-radius:20px;padding:1.5rem}}.skills-layout{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=900px){.skills-layout{grid-template-columns:1fr}.skills-orbit-wrapper{margin-bottom:2rem}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.skill-card{align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.skill-icon{color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.skill-info{flex-direction:column;display:flex}.skill-name{font-size:1rem;font-weight:600}.skill-role{color:var(--text-secondary);font-size:.8rem}@media (width<=768px){.skill-card{gap:1rem;padding:1rem}.skill-name{font-size:.9rem}.skill-icon svg{width:20px;height:20px}}.orbit-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex;position:relative;overflow:hidden}.orbit-center{background:radial-gradient(circle, var(--accent-primary) 0%, var(--bg-tertiary) 80%);text-align:center;width:120px;height:120px;box-shadow:0 0 40px var(--accent-glow);z-index:10;border:1px solid var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite alternate pulseCenter;display:flex}.orbit-center-text{letter-spacing:.1em;color:var(--text-primary);font-size:1.1rem;font-weight:800}@keyframes pulseCenter{0%{box-shadow:0 0 20px var(--accent-glow);transform:scale(.95)}to{box-shadow:0 0 60px var(--accent-glow);transform:scale(1.05)}}.orbit-path{border:1px dashed #ffffff1a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inner-orbit{width:250px;height:250px;animation:40s linear infinite spin}.outer-orbit{width:450px;height:450px;animation:60s linear infinite reverse spin}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.orbit-item{background:var(--bg-secondary);border:1px solid var(--border-color);width:60px;height:60px;color:var(--accent-primary);transform-origin:30px 155px;animation:12s linear infinite orbit-spin;animation-delay:var(--delay);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin-top:-30px;margin-left:-30px;display:flex;position:absolute;top:0;left:50%;box-shadow:0 4px 15px #00000080}.outer-orbit .orbit-item{transform-origin:30px 255px;animation:20s linear infinite orbit-spin;animation-delay:var(--delay)}.orbit-item>svg,.orbit-label{animation:12s linear infinite orbit-reverse;animation-delay:inherit}.outer-orbit .orbit-item>svg,.outer-orbit .orbit-label{animation:20s linear infinite orbit-reverse;animation-delay:inherit}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.orbit-label{color:var(--text-primary);opacity:0;white-space:nowrap;margin-top:.25rem;font-size:.65rem;transition:opacity .3s;position:absolute;bottom:-20px}.orbit-item:hover .orbit-label{opacity:1}.orbit-item:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-secondary);cursor:pointer}@media (width<=768px){.outer-orbit{width:300px;height:300px}.inner-orbit{width:180px;height:180px}.orbit-item{transform-origin:20px 110px;width:40px;height:40px;margin-top:-20px;margin-left:-20px}.outer-orbit .orbit-item{transform-origin:20px 170px}.orbit-center{width:80px;height:80px}.orbit-center-text{font-size:.8rem}}.resume-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#020205d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.resume-modal{background:var(--bg-secondary);width:100%;max-width:1000px;max-height:90vh;box-shadow:0 0 50px #00000080, 0 0 0 1px var(--border-color);border-radius:20px;padding:3rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close-btn{color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.close-btn:hover{color:var(--text-primary);background:#ffffff1a}.resume-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.resume-name{margin-bottom:1rem;font-size:3rem}.resume-profile{color:var(--text-secondary);max-width:800px;font-size:1rem;line-height:1.6}.resume-grid{grid-template-columns:1fr 2fr;gap:3rem;display:grid}.resume-section{margin-bottom:2.5rem}.resume-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.resume-list{color:var(--text-secondary);flex-direction:column;gap:1rem;font-size:.9rem;list-style:none;display:flex}.resume-list li{align-items:center;gap:.75rem;display:flex}.resume-item{margin-bottom:1.5rem}.resume-item h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.resume-meta{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem}.resume-meta.accent{color:var(--accent-primary)}.resume-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.resume-bullets{color:var(--text-secondary);flex-direction:column;gap:.5rem;margin-top:.75rem;padding-left:1.25rem;font-size:.95rem;display:flex}.resume-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0d;border-radius:6px;padding:.4rem .8rem;font-size:.8rem}.mt-2{margin-top:1rem}.resume-modal::-webkit-scrollbar{width:8px}.resume-modal::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:0 20px 20px 0}.resume-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.resume-modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.resume-grid{grid-template-columns:1fr;gap:0}.resume-modal{padding:2rem}.resume-name{font-size:2rem}}.about-content{justify-content:space-between;align-items:center;gap:4rem;padding:4rem;display:flex}.about-text-area{flex-direction:column;flex:1;gap:2rem;display:flex}.about-desc{color:var(--text-secondary);max-width:600px;font-size:1.1rem;line-height:1.8}.btn-download{align-self:flex-start}.about-stats{gap:4rem;display:flex}.stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-number{align-items:flex-start;font-size:4rem;font-weight:700;line-height:1;display:flex}.stat-number.accent{color:var(--accent-primary)}.stat-number .plus{margin-top:.5rem;font-size:2rem}.stat-label{letter-spacing:.1em;color:var(--text-secondary);margin-top:1rem;font-size:.8rem}@media (width<=900px){.about-content{flex-direction:column;align-items:flex-start;padding:2rem}.about-stats{flex-wrap:wrap;justify-content:space-between;gap:2rem;width:100%}}.contact-section{padding-bottom:8rem}.contact-main{justify-content:space-between;gap:4rem;display:flex}.contact-left{flex-direction:column;flex:1;gap:3rem;display:flex}.contact-right{flex:1;width:100%;max-width:500px}.contact-form{flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.form-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);resize:vertical;border-radius:8px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 10px #04f3}.submit-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;display:flex}.submit-btn:disabled{cursor:default;background:#2a7a3b;transform:none;box-shadow:0 0 20px #2a7a3b66}.contact-list{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.contact-item{align-items:center;gap:1rem;font-size:1.1rem;display:flex}.contact-item a{color:var(--text-primary);text-decoration:none;transition:color .3s}.contact-item a:hover{color:var(--accent-primary)}@media (width<=900px){.contact-main{flex-direction:column}.contact-right{max-width:100%}}.hire-me-fab{background:var(--accent-primary);color:#fff;letter-spacing:.05em;z-index:1000;border-radius:100px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .3s,background .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #04f6}.hire-me-fab:hover{background:var(--accent-secondary);transform:translateY(-5px)}.fab-pulse-ring{border:2px solid var(--accent-primary);z-index:-1;border-radius:100px;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3,1.5)}}.fab-icon{justify-content:center;align-items:center;display:flex}@media (width<=768px){.hire-me-fab{padding:.75rem;bottom:1.5rem;right:1.5rem}.fab-text{display:none}}@media (hover:hover) and (pointer:fine){body,a,button,input,textarea,.project-card,.skill-card,.impact-card{cursor:none}.cursor-dot{background-color:var(--accent-primary);pointer-events:none;z-index:99999;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s,background-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-outline{border:1.5px solid var(--accent-primary);pointer-events:none;z-index:99998;border-radius:50%;width:40px;height:40px;transition:width .2s ease-out,height .2s ease-out,border-color .2s ease-out,background-color .2s ease-out;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot.hovering{width:0;height:0}.cursor-outline.hovering{background-color:var(--accent-glow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-color:#0000;width:60px;height:60px}}@media (hover:none) and (pointer:coarse){.cursor-dot,.cursor-outline{display:none!important}}.loading-screen{background:var(--bg-primary);z-index:99999;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.loading-screen.fade-out{opacity:0;visibility:hidden}.loading-logo-container{width:80px;height:80px;margin-bottom:2rem;animation:2s ease-in-out infinite float}.loading-logo{width:100%;height:100%;filter:drop-shadow(0 0 15px var(--accent-glow))}.loading-path{stroke-dasharray:200;stroke-dashoffset:200px;animation:1.5s ease-in-out forwards draw}.loading-bar-container{background:var(--bg-tertiary);border-radius:4px;width:200px;height:2px;overflow:hidden}.loading-bar{background:var(--accent-primary);width:0%;height:100%;box-shadow:0 0 10px var(--accent-primary);animation:1.5s cubic-bezier(.4,0,.2,1) forwards load}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes load{0%{width:0%}50%{width:70%}to{width:100%}}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);transform:translateY(40px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.reveal-on-scroll.stagger-children>*{opacity:0;transition:opacity .6s cubic-bezier(.165,.84,.44,1),transform .6s cubic-bezier(.165,.84,.44,1);transform:translateY(20px)}.reveal-on-scroll.revealed.stagger-children>*{opacity:1;transform:translateY(0)}.reveal-on-scroll.revealed.stagger-children>:first-child{transition-delay:.1s}.reveal-on-scroll.revealed.stagger-children>:nth-child(2){transition-delay:.2s}.reveal-on-scroll.revealed.stagger-children>:nth-child(3){transition-delay:.3s}.reveal-on-scroll.revealed.stagger-children>:nth-child(4){transition-delay:.4s}.reveal-on-scroll.revealed.stagger-children>:nth-child(5){transition-delay:.5s}.reveal-on-scroll.revealed.stagger-children>:nth-child(6){transition-delay:.6s}
