.navbar{position:fixed;top:0;left:0;width:100%;z-index:50;transition:all .3s ease;padding:1.5rem 0;background-color:transparent;border-bottom:1px solid transparent}.navbar.scrolled{background-color:#050505cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#26262680;padding:1rem 0}.nav-container{max-width:var(--spacing-container);margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;cursor:pointer;font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.03em;text-decoration:none}.logo-highlight{color:var(--color-brand-primary);margin-left:.25rem}.nav-logo:hover{opacity:.9}.nav-menu{display:none}.nav-link{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:color .2s}.nav-link:hover{color:var(--color-brand-primary)}.mobile-menu-btn{color:var(--color-text-primary);cursor:pointer}@media (min-width: 768px){.nav-menu{display:flex;gap:2rem}.mobile-menu-btn{display:none}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:5rem}.hero-content{position:relative;z-index:10;max-width:56rem;margin:0 auto;padding:0 1.5rem;text-align:center}.status-badge{display:inline-block;margin-bottom:1rem;padding:.25rem .75rem;border-radius:9999px;background-color:#ffc8001a;border:1px solid rgba(255,200,0,.2);color:var(--color-brand-primary);font-size:.875rem;font-weight:500;animation:fadeIn 1s ease-out forwards}.hero-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:-.025em;animation:slideUp .8s ease-out forwards}.hero-highlight{background:linear-gradient(to right,var(--color-brand-primary),#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:42rem;margin:0 auto 2.5rem;animation:slideUp .8s ease-out forwards;animation-delay:.2s;opacity:0}.hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;animation:slideUp .8s ease-out forwards;animation-delay:.4s;opacity:0}.btn{padding:.875rem 2rem;border-radius:.5rem;font-weight:600;transition:all .2s ease;display:inline-block;text-align:center;min-width:160px}.btn-outline{background-color:transparent;color:var(--color-brand-primary);border:2px solid var(--color-brand-primary)}.btn-outline:hover{background-color:var(--color-brand-primary);color:#000;box-shadow:0 0 15px var(--color-brand-glow);transform:scale(1.05)}@media (min-width: 768px){.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.5rem}.hero-actions{flex-direction:row}}.about-section{padding:6rem 0;position:relative;z-index:10}.about-content-wrapper{display:flex;justify-content:center;width:100%}.about-text{display:flex;flex-direction:column;gap:1.5rem;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.75;max-width:800px;text-align:left}.highlight{color:var(--color-brand-primary);font-weight:600}.education-block{margin-top:1rem;padding:1.5rem;background-color:var(--color-surface);border-left:3px solid var(--color-brand-primary);border-radius:0 .5rem .5rem 0}.uni-info{display:flex;flex-direction:column;margin-bottom:.5rem}.uni-name{color:#fff;font-weight:700;font-size:1.1rem}.uni-degree{color:var(--color-brand-primary);font-size:.95rem}.coursework-list{font-size:.9rem;color:var(--color-text-muted)}.coursework-list strong{color:var(--color-text-secondary)}.skills-container{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-surface-light)}.skills-title{color:#fff;font-size:1.25rem;margin-bottom:1rem;font-weight:600}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.skill-pill{font-size:.875rem;color:var(--color-brand-primary);background-color:#ffc8000d;border:1px solid rgba(255,200,0,.2);padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}.skill-pill:hover{background-color:#ffc80026;transform:translateY(-2px);box-shadow:0 4px 12px #ffc8001a}.projects-section{padding:6rem 0;position:relative;z-index:10;background-color:#0a0a0a80}.projects-grid{display:grid;gap:2rem}.project-card{background-color:var(--color-surface);border:1px solid var(--color-surface-light);border-radius:.75rem;overflow:hidden;transition:all .3s ease;position:relative;group:true}.project-card:hover{transform:translateY(-4px);border-color:#ffc80066;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #ffc8000d}.project-image-container{height:12rem;position:relative;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background-color:#02061766;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1;background-color:#050505b3}.view-project-btn{background-color:var(--color-brand-primary);color:#000;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem;transition:color .2s}.project-card:hover .project-title{color:var(--color-brand-primary)}.project-desc{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:.25rem;background-color:var(--color-surface-light);color:var(--color-text-secondary);border:1px solid var(--color-border)}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.contact-section{padding:6rem 0;position:relative;z-index:10}.contact-grid{display:grid;gap:3rem}.contact-info-prose{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.detail-item{display:flex;align-items:flex-start;gap:1rem}.icon-box{width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:var(--color-surface-light);display:flex;align-items:center;justify-content:center;color:var(--color-brand-primary);flex-shrink:0}.icon-svg{width:1.25rem;height:1.25rem;stroke:currentColor}.detail-content h3{color:#fff;font-weight:500;margin-bottom:.25rem}.detail-link{color:var(--color-brand-primary);transition:color .2s;display:block}.detail-link:hover{color:var(--color-brand-hover)}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-link{color:var(--color-text-secondary);transition:color .2s}.social-link:hover{color:var(--color-brand-primary)}.contact-form-container{background-color:#0a0a0acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem;border-radius:1rem;border:1px solid var(--color-surface-light)}.form-stack{display:flex;flex-direction:column;gap:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem}.form-input,.form-textarea{width:100%;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem 1rem;color:#fff;font-family:inherit;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #ffc80033}.form-textarea{resize:none}.submit-btn{width:100%;padding:1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center;gap:.5rem;border:none}.submit-btn.default{background-color:var(--color-brand-primary);color:#000;box-shadow:0 10px 15px -3px #ffc80026}.submit-btn.default:hover{background-color:var(--color-brand-hover)}.submit-btn.success{background-color:var(--color-success);color:#fff}.submit-btn.fail{background-color:var(--color-error);color:#fff}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}@media (min-width: 1024px){.contact-grid{grid-template-columns:1fr 1fr}}.experience-section{padding:6rem 0;position:relative;z-index:10}.timeline{position:relative;max-width:800px;margin:0 auto;padding-left:2rem;border-left:2px solid var(--color-surface-light)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-2.43rem;top:.25rem;width:.875rem;height:.875rem;background-color:var(--color-bg);border:2px solid var(--color-brand-primary);border-radius:50%;box-shadow:0 0 10px #ffc80066}.timeline-content{background-color:#ffffff05;padding:1.5rem;border-radius:.5rem;border:1px solid transparent;transition:border-color .3s}.timeline-content:hover{border-color:#ffc80033}.timeline-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem;margin-bottom:.25rem}.exp-role{font-size:1.25rem;font-weight:700;color:#fff}.exp-company{font-size:1rem;color:var(--color-brand-primary);margin-bottom:1rem;font-weight:500}.exp-period{font-size:.875rem;color:var(--color-text-muted);font-family:monospace}.exp-list{list-style-type:disc;padding-left:1.25rem;color:var(--color-text-secondary);line-height:1.6}.exp-list li{margin-bottom:.5rem}.exp-list li::marker{color:var(--color-brand-primary)}@media (max-width: 640px){.timeline-header{flex-direction:column}}.puzzle-wrapper{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-color:#050505}.puzzle-svg{opacity:1;width:100%;height:100%;filter:contrast(1.2)}.puzzle-piece{transition:fill .5s ease-out,stroke .5s ease-out,opacity .5s ease-out,transform .5s cubic-bezier(.34,1.56,.64,1);stroke-width:.5;transform-origin:center}.puzzle-piece.inactive{fill:#05050500;stroke:#ffc80014}.puzzle-piece.active{fill:#ffc8000d;stroke:#ffc800;stroke-width:1.5;filter:drop-shadow(0 0 8px rgba(255,200,0,.6)) drop-shadow(0 0 15px rgba(255,200,0,.3));animation:flowPulse 3s infinite alternate ease-in-out;z-index:10}@keyframes flowPulse{0%{fill-opacity:.05;stroke-opacity:.7;transform:translate(var(--x),var(--y)) scale(1.5)}50%{fill-opacity:.2;stroke-opacity:1;transform:translate(var(--x),var(--y)) scale(1.55)}to{fill-opacity:.05;stroke-opacity:.7;transform:translate(var(--x),var(--y)) scale(1.5)}}.puzzle-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,#05050566,#050505e6 70%,#050505);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.app-main{position:relative;min-height:100vh;width:100%}.content-layer{position:relative;z-index:10}.app-footer{position:relative;z-index:10;background-color:var(--color-bg);border-top:1px solid var(--color-surface-light);padding:3rem 0;text-align:center;color:var(--color-text-muted);font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{opacity:.8;transition:opacity .3s ease}.footer-logo:hover{opacity:1}:root{--color-bg: #050505;--color-surface: #0a0a0a;--color-surface-light: #141414;--color-border: #262626;--color-text-primary: #ffffff;--color-text-secondary: #a3a3a3;--color-text-muted: #737373;--color-brand-primary: #FFC800;--color-brand-hover: #E0B000;--color-brand-dark: #7A5C00;--color-brand-glow: rgba(255, 200, 0, .3);--color-success: #10b981;--color-error: #ef4444;--font-sans: "Inter", sans-serif;--spacing-container: 1152px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-dark)}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 1.5rem}.section-title{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:3rem;display:flex;align-items:center;gap:1rem;text-shadow:0 0 20px rgba(255,200,0,.2)}.section-line{width:3rem;height:2px;background-color:var(--color-brand-primary);box-shadow:0 0 10px var(--color-brand-primary);display:block}