@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-primary:#050505;--bg-secondary:#0a0a0c;--bg-tertiary:#0a0a0ccc;--text-primary:#f5f5f7;--text-secondary:#9ea1a8;--accent-primary:#c5a880;--accent-secondary:#e5c158;--accent-glow:#c5a8801a;--accent-glow-secondary:#e5c15814;--card-bg:#0a0a0c99;--card-border:#c5a8801f;--card-shadow:0 30px 60px -15px #000c;--navbar-bg:#050505cc;--glass-blur:20px;--border-radius:16px;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-mono:"Fira Code", monospace;scroll-behavior:smooth}body.light-theme{--bg-primary:#faf9f6;--bg-secondary:#fff;--bg-tertiary:#f5f5f0d9;--text-primary:#1c1c1e;--text-secondary:#6e6e73;--accent-primary:#a88a58;--accent-secondary:#8a6f43;--accent-glow:#a88a5814;--accent-glow-secondary:#8a6f430f;--card-bg:#fffc;--card-border:#a88a5826;--card-shadow:0 30px 60px -15px #a88a5814;--navbar-bg:#faf9f6d9}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#c5a88004 1px,#0000 1px),linear-gradient(90deg,#c5a88004 1px,#0000 1px);background-position:50%;background-size:60px 60px;line-height:1.6;overflow-x:hidden}.border-highlight{position:relative}.border-highlight:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);width:100%;height:1px;position:absolute;bottom:0;left:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:8rem 0 4rem;position:relative}@media (width<=768px){section{padding:5rem 0 2rem}}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.section-title{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:2px;text-align:center;margin-bottom:1rem;font-size:2.25rem;font-weight:500;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:2px;width:60px;height:4px;margin:.75rem auto 0;display:block}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;box-shadow:0 4px 15px #06b6d440}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06b6d466}.btn-secondary{color:var(--text-primary);border:1px solid var(--card-border);background:0 0}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-3px)}.ambient-glow{filter:blur(120px);z-index:0;pointer-events:none;opacity:.35;border-radius:50%;width:400px;height:400px;position:absolute}.glow-1{background:var(--accent-primary);animation:18s ease-in-out infinite driftGlow1;top:10%;left:-5%}.glow-2{background:var(--accent-secondary);animation:22s ease-in-out infinite driftGlow2;bottom:20%;right:-5%}@keyframes driftGlow1{0%{transform:translate(0)scale(1)}50%{transform:translate(120px,80px)scale(1.2)}to{transform:translate(0)scale(1)}}@keyframes driftGlow2{0%{transform:translate(0)scale(1.1)}50%{transform:translate(-100px,-60px)scale(.85)}to{transform:translate(0)scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeInUp}header{z-index:1000;background:var(--navbar-bg);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--card-border);transition:all .3s;position:fixed;top:0;left:0}nav{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.logo{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;font-size:1.4rem;font-weight:500;text-decoration:none}.logo span{color:var(--accent-primary);font-weight:300}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent-primary)}.nav-links a:after{content:"";background-color:var(--accent-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{align-items:center;gap:1rem;display:flex}.theme-toggle{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;transition:background-color .3s;display:flex}.theme-toggle:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:.5rem;display:none}@media (width<=768px){.mobile-menu-btn{display:block}.nav-links{background:var(--bg-primary);flex-direction:column;align-items:center;gap:2.5rem;width:100%;height:calc(100vh - 4.5rem);padding:3rem 0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:4.5rem;left:0;transform:translate(100%)}.nav-links.open{transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}*{transition:background-color .4s,border-color .4s,transform .3s cubic-bezier(.25,.46,.45,.94)}header{box-shadow:0 10px 30px #0000004d}nav .logo{font-family:var(--font-serif);letter-spacing:2px;text-transform:uppercase;font-weight:600}nav .logo span{color:var(--accent-primary);font-weight:300}.nav-links a{text-transform:uppercase;letter-spacing:1.5px;font-size:.8rem;font-weight:500}#home{background:radial-gradient(circle at 10% 20%,#c5a8800d 0%,#0000 50%),radial-gradient(circle at 90% 80%,#e5c15808 0%,#0000 50%);position:relative;overflow:hidden}.hero-wrapper{z-index:1;justify-content:space-between;align-items:center;gap:5rem;min-height:calc(100vh - 4.5rem);display:flex;position:relative}@media (width<=992px){.hero-wrapper{text-align:center;flex-direction:column-reverse;justify-content:center;gap:3rem;padding-top:4rem;padding-bottom:4rem}}.hero-content{flex-direction:column;flex:1.2;gap:1.5rem;display:flex}.hero-subtitle{font-family:var(--font-sans);color:var(--accent-primary);letter-spacing:3px;text-transform:uppercase;font-size:.9rem;font-weight:600}.hero-title{font-family:var(--font-serif);letter-spacing:-1px;font-size:4.5rem;font-weight:400;line-height:1.1}@media (width<=768px){.hero-title{font-size:3rem}}.hero-desc{color:var(--text-secondary);max-width:580px;font-size:1.1rem;line-height:1.7}@media (width<=992px){.hero-desc{margin:0 auto}}.hero-btns{gap:1.25rem;margin-top:1.5rem;display:flex}@media (width<=992px){.hero-btns{justify-content:center}}.hero-image-container{flex:.8;justify-content:center;align-items:center;display:flex;position:relative}.hero-image-wrapper{background:linear-gradient(135deg, var(--accent-primary), transparent 60%, var(--accent-secondary));width:320px;height:320px;box-shadow:0 30px 60px #0009, 0 0 40px var(--accent-glow);border-radius:24px;padding:1px;position:relative;overflow:hidden}@media (width<=576px){.hero-image-wrapper{width:260px;height:260px}}.hero-image{object-fit:cover;background-color:var(--bg-secondary);filter:grayscale(10%)contrast(105%);border-radius:23px;width:100%;height:100%}.hero-image-ring{pointer-events:none;border:1px solid #c5a88033;border-radius:30px;animation:25s linear infinite rotateGlow;position:absolute;inset:-8px}@keyframes rotateGlow{0%{border-color:#c5a88033;transform:rotate(0)}50%{border-color:#e5c15866}to{border-color:#c5a88033;transform:rotate(360deg)}}.about-grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:5rem;display:grid}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:4rem}}.about-img-container{justify-content:center;display:flex;position:relative}.about-img-frame{aspect-ratio:1;width:320px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);border-radius:24px;position:relative;overflow:hidden}.about-img{object-fit:cover;width:100%;height:100%}.about-experience-badge{border:1px solid var(--card-border);background:var(--bg-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;bottom:-20px;right:-10px}.about-exp-num{font-family:var(--font-serif);color:var(--accent-primary);font-size:2.5rem;font-weight:500;line-height:1}.about-exp-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-top:.25rem;font-size:.75rem;font-weight:600}.about-content{flex-direction:column;gap:1.5rem;display:flex}.about-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.about-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=576px){.about-stats{grid-template-columns:1fr 1fr}}.stat-item{border:1px solid var(--card-border);text-align:center;background:#ffffff03;border-radius:12px;padding:1.25rem}.stat-item h4{font-family:var(--font-serif);color:var(--accent-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:500}.stat-item p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.timeline{max-width:800px;margin:4rem auto 0;padding:1rem 0;position:relative}.timeline:after{content:"";background:linear-gradient(to bottom, transparent, var(--accent-primary) 10%, var(--accent-primary) 90%, transparent);width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0;left:50%}@media (width<=768px){.timeline:after{left:31px}}.timeline-item{background:0 0;width:50%;padding:1rem 3rem;position:relative}.timeline-item.left{text-align:right;left:0}.timeline-item.right{text-align:left;left:50%}@media (width<=768px){.timeline-item{width:100%;padding-left:5rem;padding-right:1rem;text-align:left!important}.timeline-item.right{left:0}}.timeline-dot{background:var(--bg-primary);border:2px solid var(--accent-primary);z-index:1;width:16px;height:16px;box-shadow:0 0 10px var(--accent-primary);border-radius:50%;position:absolute;top:2rem}.timeline-item.left .timeline-dot{right:-8px}.timeline-item.right .timeline-dot{left:-8px}@media (width<=768px){.timeline-dot{left:23px!important}}.timeline-card{padding:2rem;transition:all .3s;position:relative}.timeline-card:hover{border-color:var(--accent-primary);box-shadow:0 15px 30px var(--accent-glow);transform:translateY(-4px)}.timeline-date{font-family:var(--font-mono);color:var(--accent-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.timeline-title{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.timeline-subtitle{color:var(--accent-primary);opacity:.85;margin-bottom:1rem;font-size:.95rem;font-weight:500;display:inline-block}.timeline-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.timeline-bullets{text-align:left;color:var(--text-secondary);margin-top:1rem;padding-left:1.25rem;font-size:.9rem;list-style-type:square}.timeline-bullets li{margin-bottom:.5rem}.skills-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.skills-category{flex-direction:column;gap:1.25rem;padding:2rem 1.75rem;display:flex}.skills-cat-title{font-family:var(--font-serif);color:var(--accent-primary);letter-spacing:1px;border-bottom:1px solid #c5a8801f;padding-bottom:.75rem;font-size:1.15rem;font-weight:500}.skills-list{flex-direction:column;gap:1rem;display:flex}.skill-item{align-items:center;gap:1rem;display:flex}.skill-item:hover{transform:translate(4px)}.skill-icon-mini{width:2.25rem;height:2.25rem;color:var(--accent-primary);background:#c5a8800d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0003}.skill-info-mini{flex-direction:column;gap:.15rem;display:flex}.skill-name-mini{color:var(--text-primary);font-size:.95rem;font-weight:600}.skill-desc-mini{color:var(--text-secondary);font-size:.75rem}.project-filters{justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.filter-btn{border:1px solid var(--card-border);color:var(--text-secondary);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:0 0;border-radius:50px;padding:.6rem 1.5rem;font-size:.85rem;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:var(--accent-primary);color:#050505;border-color:var(--accent-primary);font-weight:600}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;display:grid}@media (width<=992px){.projects-grid{grid-template-columns:1fr}}.project-card{border:1px solid var(--card-border);background:#0a0a0c66;border-radius:20px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--card-shadow), 0 0 30px var(--accent-glow);border-color:#c5a88040;transform:translateY(-8px)}.project-img-wrapper{aspect-ratio:16/9;border-bottom:1px solid var(--card-border);position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%}.project-overlay{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050507d9;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-overlay{opacity:1}.project-content{flex-direction:column;flex-grow:1;gap:1rem;padding:2rem;display:flex}.project-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.5rem;font-weight:500}.project-links-direct{gap:.75rem;display:flex}.project-link-icon{color:var(--text-secondary);transition:color .3s}.project-link-icon:hover{color:var(--accent-primary)}.project-tags{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.project-tag{font-family:var(--font-mono);color:var(--accent-primary);background:#c5a8800d;border:1px solid #c5a8801a;border-radius:4px;padding:.25rem .6rem;font-size:.7rem}.project-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.tech-details-btn{color:var(--accent-primary);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;align-items:center;gap:.5rem;width:fit-content;margin-top:1rem;padding:.5rem 0;font-size:.85rem;font-weight:600;display:inline-flex}.tech-details-btn:hover{opacity:.8}.tech-details-content{background:#ffffff03;border-radius:12px;max-height:0;margin-top:.5rem;transition:max-height .4s cubic-bezier(0,1,0,1);overflow:hidden}.tech-details-content.open{border:1px dashed #c5a88040;max-height:1000px;margin-top:1rem;padding:1.25rem;transition:max-height .8s ease-in-out}.tech-details-title{text-transform:uppercase;letter-spacing:1px;color:var(--accent-primary);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.tech-details-list{color:var(--text-secondary);flex-direction:column;gap:.5rem;padding-left:1.25rem;font-size:.9rem;display:flex}.contact-wrapper{grid-template-columns:1fr 1.4fr;gap:5rem;margin-top:3rem;display:grid}@media (width<=992px){.contact-wrapper{grid-template-columns:1fr;gap:4rem}}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-method{align-items:center;gap:1.5rem;display:flex}.contact-icon{width:3.5rem;height:3.5rem;color:var(--accent-primary);background:#c5a8800d;border:1px solid #c5a88026;border-radius:16px;justify-content:center;align-items:center;display:flex;box-shadow:0 5px 15px #0003}.contact-method-text h4{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.contact-method-text p{color:var(--text-primary);font-size:1.1rem;font-weight:500}.social-links{gap:1.25rem;margin-top:1.5rem;display:flex}.social-btn{border:1px solid var(--card-border);width:3.25rem;height:3.25rem;color:var(--text-primary);cursor:pointer;background:#0a0a0c99;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 5px 15px #0000004d}.social-btn:hover{background:var(--accent-primary);color:#050505;border-color:var(--accent-primary);box-shadow:0 10px 20px var(--accent-glow);transform:translateY(-4px)}.contact-form{border:1px solid var(--card-border);border-radius:20px;padding:3rem}@media (width<=576px){.contact-form{padding:2rem}}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);font-size:.85rem;font-weight:600}.form-input{border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-sans);background:#05050566;border-radius:12px;padding:.9rem 1.25rem;font-size:1rem;box-shadow:inset 0 2px 4px #00000080}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}footer{border-top:1px solid var(--card-border);text-align:center;background-color:var(--bg-secondary);flex-direction:column;gap:1.5rem;padding:4rem 0;display:flex}.footer-logo{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;font-size:1.5rem;font-weight:500;text-decoration:none}.footer-logo span{color:var(--accent-primary);font-weight:300}.footer-text{color:var(--text-secondary);letter-spacing:.5px;font-size:.9rem}.mouse-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;z-index:0;width:700px;height:700px;transform:translate(calc(var(--mouse-x,-1000px) - 350px), calc(var(--mouse-y,-1000px) - 350px));border-radius:50%;transition:transform .15s cubic-bezier(.075,.82,.165,1);position:fixed;top:0;left:0}body.light-theme .mouse-glow{background:radial-gradient(circle,#a88a580a 0%,#0000 70%)}.hero-socials{gap:1.5rem;margin-top:2rem;display:flex}.hero-social-btn{color:var(--text-secondary);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex}.hero-social-btn:hover{color:var(--accent-primary);transform:translateY(-3px)scale(1.15)}@media (width<=992px){.hero-socials{justify-content:center}}