:root{--color-text:#113a2a;--color-text-muted:#4b5563;--color-text-secondary:#374151;--color-background:#f6fbf8;--color-background-alt:#e5f6ec;--color-surface:#f3f7f5;--color-surface-muted:#edf2ef;--color-border:#d9eadf;--color-primary:#22c55e;--color-primary-dark:#16a34a;--color-primary-soft:#22c55e1a;--color-primary-soft-strong:#22c55e26;--color-brand-linkedin:#0077b5;--color-brand-twitter:#1da1f2;--color-dark:#1f2937;--color-black:#000;--color-success-bg:#d1fae5;--color-success-text:#065f46;--color-white:#fff;--color-surface-lighter:#f8fbf9;--color-surface-light:#eef3f0;--color-dark-secondary:#374151;--color-muted-blue:#6b7280;--color-overlay-dark:#000000b3;--color-overlay-soft:#fff3;--color-overlay-softer:#ffffff1a;--color-text-dark:#0f172a;--color-brand-facebook:#4267b2;--shadow-soft:0 4px 20px #00000014;--shadow-card:0 10px 30px #22c55e40;--shadow-outline:0 0 0 3px #22c55e1f;--gradient-background:linear-gradient(135deg, var(--color-background) 0%, var(--color-background-alt) 100%);--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background:var(--gradient-background);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}html{scroll-behavior:smooth}:focus{outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.home{min-height:100vh;color:var(--color-text);background:var(--gradient-background);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.hero-content{margin-bottom:2rem}.hero-title{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.hero-title .highlight{color:var(--color-primary)}.hero-subtitle{color:var(--color-text-muted);margin-bottom:1rem;font-size:1.25rem}.hero-description{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.cta-section{background:var(--gradient-primary);text-align:center;color:var(--color-white);padding:4rem 2rem}.cta-section h2{margin:0 0 .5rem;font-size:2rem;font-weight:700}.cta-section p{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.cta-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-button{border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button.primary{background:var(--color-white);color:var(--color-primary)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.cta-button.secondary{color:var(--color-white);background:0 0;border:2px solid #fff}.cta-button.secondary:hover{background:var(--color-white);color:var(--color-primary);transform:translateY(-2px)}.cta-button .cta-icon{font-size:1.2rem}.home-footer{background:var(--color-text);color:var(--color-white);text-align:center;padding:3rem 2rem}.social-links{justify-content:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.social-link{background:var(--color-overlay-softer);color:var(--color-white);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.social-link:hover{background:var(--color-primary);transform:translateY(-2px)}.social-link.github:hover{background:var(--color-surface-muted);color:var(--color-text-dark)}.social-link.linkedin:hover{background:var(--color-brand-linkedin)}.social-link.twitter:hover{background:var(--color-brand-twitter)}.social-link.email:hover{background:var(--color-muted-blue)}.footer-text{opacity:.6;margin-top:1.5rem;font-size:.9rem}@media (width<=768px){.nav-links{display:none}.hero-title{font-size:1.75rem}.cta-links{flex-direction:column;gap:1rem}.cta-button{justify-content:center;width:100%}}.project-card-header{background:var(--gradient-primary);color:var(--color-white);padding:1.5rem;position:relative}.project-card-image{background:var(--color-white);border-radius:8px;width:100%;height:140px;margin-bottom:1rem;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card-image:hover img{transform:scale(1.05)}.project-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-tag{background:var(--color-overlay-soft);border-radius:4px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.project-card-content{padding:1.5rem}.project-card-actions{flex-wrap:wrap;gap:1rem;display:flex}.project-card.left{transform:translate(-8px)}.project-card.right{transform:translate(8px)}.project-card-content h3{color:var(--color-text);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.project-card-content p{color:var(--color-text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.skills-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.skills-section h2{text-align:center;color:var(--color-text);margin-bottom:2rem;font-size:2rem;font-weight:700}@media (width<=768px){.skills-grid,.skill-category ul{grid-template-columns:1fr}}.hero-image{margin-top:2rem;position:relative}.avatar-placeholder{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.avatar-ring{border:8px solid var(--color-primary);box-shadow:0 0 0 8px var(--color-white), 0 0 0 16px var(--color-background-alt);border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:0}.avatar-inner{background-color:var(--gradient-primary);width:140px;height:140px;color:var(--color-white);box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.projects{min-height:100vh;color:var(--color-text);background:var(--gradient-background);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.projects-hero{text-align:center;max-width:1200px;margin:0 auto;padding:4rem 2rem}.projects-hero h1{color:var(--color-text);margin:0 0 .5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.projects-hero p{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.25rem}.search-bar{max-width:500px;margin:0 auto;display:flex;position:relative}.search-input{border:2px solid var(--color-border);border-radius:8px;flex:1;padding:.875rem 1.5rem;font-size:1rem;transition:all .3s}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-outline);outline:none}.search-btn{background:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;padding:.5rem;transition:background .3s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-btn:hover{background:var(--color-primary-dark)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid}.project-card{background:var(--color-white);box-shadow:var(--shadow-soft);cursor:pointer;border-radius:16px;transition:all .3s;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #6366f126}.project-card.selected{border:3px solid var(--color-primary)}.project-card.featured{border:3px solid var(--color-primary);transform:scale(1.02)}.project-title{color:var(--color-text);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.project-description{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.project-link{background:var(--color-surface);color:var(--color-primary);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.project-link.github{background:var(--color-dark);color:var(--color-white)}.project-link.demo{background:var(--color-primary);color:var(--color-white)}.project-link:hover{transform:translateY(-2px)}.project-link.github:hover{background:var(--color-dark-secondary)}.project-link.demo:hover{background:var(--color-primary-dark)}.no-results{text-align:center;color:var(--color-text-muted);padding:4rem;font-size:1.1rem}.projects-footer{background:var(--color-text);color:var(--color-white);text-align:center;padding:2rem}.project-modal-overlay{background:var(--color-overlay-dark);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.project-modal{background:var(--color-white);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden}.project-modal-close{background:var(--color-white);color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;padding:.5rem;font-size:2rem;font-weight:700;transition:all .3s;position:absolute;top:1rem;right:1rem}.project-modal-close:hover{background:var(--color-surface);color:var(--color-text)}.project-modal-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.project-modal-header{background:var(--gradient-primary);color:var(--color-white);padding:1.5rem}.project-modal-header h2{margin:0 0 1rem;font-size:1.5rem;font-weight:700}.project-modal-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-modal-tag{background:var(--color-overlay-soft);border-radius:4px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.project-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.project-modal-body li{margin-left:2em}.project-modal-image{background:var(--color-white);border-radius:12px;width:100%;height:300px;margin-bottom:1.5rem;overflow:hidden}.project-modal-image img{object-fit:cover;width:100%;height:100%}.markdown-editor{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.markdown-input{border:2px solid var(--color-border);resize:vertical;border-radius:8px;width:100%;min-height:150px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;transition:border-color .3s}.markdown-input:focus{border-color:var(--color-primary);outline:none}.markdown-preview{background:var(--color-surface-lighter);border:2px solid var(--color-border);border-radius:8px;min-height:200px;padding:1.5rem;overflow-y:auto}.markdown-content{color:var(--color-text);line-height:1.6}.markdown-heading{color:var(--color-text);margin:1.5rem 0 .75rem;font-size:1.75rem;font-weight:700}.markdown-subheading{color:var(--color-primary);margin:1.25rem 0 .5rem;font-size:1.25rem;font-weight:600}.markdown-section-title{color:var(--color-primary);margin:1.5rem 0 .75rem;font-size:1.1rem;font-weight:600}.markdown-paragraph{color:var(--color-text-dark);margin:.5rem 0}.markdown-bold{font-weight:600}.markdown-list-item{color:var(--color-text-dark);margin-left:1.5rem}.markdown-image{border-radius:8px;max-width:100%;margin:1rem 0}.project-modal-links{margin-top:1.5rem}.project-modal-links h3{color:var(--color-text-muted);margin:0 0 1rem;font-size:1rem;font-weight:600}.project-modal-footer{background:var(--color-white);border-top:1px solid var(--color-border);justify-content:flex-end;padding:1.5rem;display:flex}.project-modal-action{background:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:background .3s}.project-modal-action:hover{background:var(--color-primary-dark)}@media (width<=768px){.projects-hero h1{font-size:1.75rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{transform:none}.project-modal{max-height:95vh}.project-modal-image{height:200px}.markdown-editor{grid-template-columns:1fr}.markdown-input{min-height:100px}}.about{min-height:100vh;color:var(--color-text);background:var(--gradient-background);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.about-hero{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.about-hero-content{margin-bottom:2rem}.about-hero-content h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.about-hero-content p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.about-education{max-width:1200px;margin:0 auto;padding:4rem 2rem}.about-education h2{color:var(--color-text);margin-bottom:2rem;font-size:2rem;font-weight:700}.about-education p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.experience-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:12px;height:12px}.experience-content{flex:1}.experience-content h3{color:var(--color-text);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.experience-content .company{color:var(--color-primary);margin-bottom:.25rem;font-size:1.1rem}.experience-content .period{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.95rem}.experience-content .description{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.6}.experience-content ul{margin:.5rem 0 0 1.5rem;padding-left:1.5rem}.experience-content li{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.95rem}.about-skills{max-width:1200px;margin:0 auto;padding:4rem 2rem}.about-skills h2{color:var(--color-text);margin-bottom:2rem;font-size:2rem;font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.skill-category{background:var(--color-white);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.skill-category h3{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.skill-category ul{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.skill-category li{color:var(--color-text-muted);padding-left:.5rem;font-size:.95rem}.about-projects{max-width:1200px;margin:0 auto;padding:4rem 2rem}.about-projects h2{color:var(--color-text);margin-bottom:2rem;font-size:2rem;font-weight:700}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-tag{background:var(--color-surface);color:var(--color-text-muted);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.about-contact{text-align:center;max-width:1200px;margin:0 auto;padding:4rem 2rem}.about-contact h2{color:var(--color-text);margin-bottom:1rem;font-size:2rem;font-weight:700}.about-contact p{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.1rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-button{background:var(--color-primary);color:var(--color-white);border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.contact-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.contact-button span{font-size:.95rem}.about-footer{background:var(--color-text);color:var(--color-white);text-align:center;padding:2rem}@media (width<=768px){.about-hero-content h1{font-size:1.75rem}.about-hero-image{margin-top:1rem}.experience-dot{margin-bottom:.5rem}.contact-links{flex-direction:column;gap:.5rem}.contact-button{justify-content:center;width:100%}}.about-contributions{max-width:1200px;margin:0 auto;padding:4rem 2rem}.about-contributions h2{color:var(--color-text);margin-bottom:2rem;font-size:2rem;font-weight:700}.contributions-grid{padding-left:2rem;position:relative}.contribution-card{gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.contribution-card.left{flex-direction:row}.contribution-card.right{flex-direction:row-reverse}@media (width<=768px){.contribution-card{flex-direction:column;align-items:flex-start}}.contact{min-height:100vh;color:var(--color-text);background:var(--gradient-background);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.contact-hero{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.contact-hero-content{margin-bottom:2rem}.contact-hero-content h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.contact-hero-content p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:800px;margin:0 auto;padding:4rem 2rem;display:grid}.contact-info h2{color:var(--color-text);margin-bottom:.5rem;font-size:2rem;font-weight:700}.contact-centertext{text-align:center}.contact-info p{color:var(--color-text-muted);margin-bottom:2rem}.contact-methods{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.contact-method{background:var(--color-white);border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000d}.contact-method:hover{transform:translate(8px);box-shadow:0 8px 30px #6366f126}.contact-method-icon{background:var(--gradient-primary);width:60px;height:60px;color:var(--color-white);border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.contact-method-details h3{color:var(--color-text);margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.contact-method-details p{color:var(--color-text-muted);margin:0;font-size:.95rem}.social-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.social-link{background:var(--color-white);border:2px solid var(--color-border);color:var(--color-primary);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.social-link:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.social-link span{font-size:.9rem}.contact-form h2{color:var(--color-text);margin-bottom:.5rem;font-size:2rem;font-weight:700}.contact-form p{color:var(--color-text-muted);margin-bottom:2rem}.contact-form-container{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text);font-size:.95rem;font-weight:600}.form-group input,.form-group textarea{border:2px solid var(--color-border);border-radius:8px;padding:.875rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background:var(--gradient-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:8px;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-success{text-align:center;background:var(--color-success-bg);color:var(--color-success-text);border-radius:8px;padding:1.5rem;font-weight:500}.contact-footer{background:var(--color-text);color:var(--color-white);text-align:center;padding:2rem}@media (width<=768px){.contact-hero-content h1{font-size:1.75rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-method{text-align:center;flex-direction:column;gap:.5rem}.contact-form-container{gap:1rem}.form-group input,.form-group textarea{padding:.75rem}}.project-detail{min-height:100vh;color:var(--color-text);background:var(--gradient-background);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.project-detail-main{flex:1;max-width:1200px;margin:0 auto;padding:4rem 2rem}.project-detail-content{text-align:center}.project-detail-content h1{color:var(--color-text);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.project-detail-content p{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.25rem}.back-button{background:var(--color-primary);color:var(--color-white);border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.project-detail-article{background:var(--color-white);box-shadow:var(--shadow-soft);border-radius:16px;padding:2rem}.project-detail-header-section{text-align:center;margin-bottom:2rem}.project-detail-header-section h1{color:var(--color-text);margin-bottom:1rem;font-size:2rem;font-weight:700}.project-detail-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.project-detail-tag{background:var(--color-surface);color:var(--color-text-muted);border-radius:4px;padding:.25rem .75rem;font-size:.85rem}.project-detail-image{background:var(--color-white);border-radius:12px;justify-content:center;width:100%;height:400px;margin-bottom:2rem;display:flex;overflow:hidden}.project-detail-image img{object-fit:cover;border-radius:10px;width:100%;max-width:900px;height:100%}.project-placeholder{background:var(--gradient-primary);width:100%;height:100%;color:var(--color-white);border-radius:12px;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex}.project-detail-description{color:var(--color-text-dark);margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.project-detail-description li{margin-left:2em}.project-detail-links{margin-bottom:2rem}.project-detail-links h3{color:var(--color-text-muted);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.project-detail-link-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.project-detail-link{background:var(--color-white);border:2px solid var(--color-border);color:var(--color-primary);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.project-detail-link.github{background:var(--color-dark);color:var(--color-white)}.project-detail-link.demo{background:var(--color-primary);color:var(--color-white)}.project-detail-link:hover{transform:translateY(-2px)}.project-detail-link.github:hover{background:var(--color-dark-secondary)}.project-detail-link.demo:hover{background:var(--color-primary-dark)}.project-detail-link.appstore:hover{background:var(--color-black);color:var(--color-white)}.project-detail-link.playstore:hover{background:var(--color-brand-facebook);color:var(--color-white)}.project-detail-actions{text-align:center}@media (width<=768px){.project-detail-content h1{font-size:1.75rem}.project-detail-image{height:250px}.project-detail-article{padding:1.5rem}.project-detail-link-group{flex-direction:column;gap:.5rem}.project-detail-link{justify-content:center;width:100%}}.app-header{background:var(--color-white);z-index:100;padding:1rem 0;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.app-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.nav-logo{color:var(--color-text);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s}.nav-logo:hover{color:var(--color-primary)}.nav-links{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--color-text-secondary);font-weight:500;text-decoration:none;transition:color .3s}.nav-links li{margin-top:auto;margin-bottom:auto}.nav-links a:hover{color:var(--color-primary)}.nav-language{align-items:center;display:flex}.language-toggle{background:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .3s}.language-toggle:hover{background:var(--color-primary-dark);transform:scale(1.05)}.language-toggle:active{transform:scale(.98)}.hamburger-menu{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.hamburger-line{background-color:var(--color-text);border-radius:2px;width:25px;height:3px;transition:all .3s;display:block}@media (width<=500px){.app-nav{padding:0 1rem}.nav-logo{font-size:1.25rem}.hamburger-menu{display:flex}.nav-links{background:var(--color-white);border-bottom:1px solid var(--color-light-border,#e0e0e0);opacity:0;pointer-events:none;border-radius:0 0 8px 8px;flex-direction:column;gap:0;max-height:0;margin-top:.5rem;padding:1rem;transition:all .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 6px #0000001a}.nav-links.open{opacity:1;pointer-events:auto;max-height:300px}.nav-links li{border-bottom:1px solid var(--color-light-border,#f0f0f0);padding:.75rem 0}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block}.nav-language{width:100%;margin-top:.5rem}.language-toggle{width:100%}.hamburger-menu.open .hamburger-line:first-child{transform:rotate(45deg)translateY(11px)}.hamburger-menu.open .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.open .hamburger-line:nth-child(3){transform:rotate(-45deg)translateY(-11px)}}