@import"https://fonts.googleapis.com/css2?family=NTR&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fjalla+One&family=Khula:wght@300;400;600;700;800&family=Oswald:wght@200;300;400;500;600;700&family=Tulpen+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Homenaje&family=Ropa+Sans:ital@0;1&family=Yanone+Kaffeesatz:wght@200;300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Basic&family=Hind+Madurai:wght@300;400;500;600;700&family=IM+Fell+French+Canon:ital@0;1&display=swap";@import"https://use.typekit.net/ndp4mcy.css";:root{--primary: #244651;--primary-dark: #1a3139;--primary-light: #2f5965;--secondary: #647555;--secondary-light: #7a8c68;--background-lightest: #f1f5f9;--background-lighter: #e2e8f0;--background: #cbd5e1;--background-dark: #94a3b8}.resumeContainer{min-height:100vh}.header{background:linear-gradient(to right,#244651,#1a3238);color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:1rem 1rem 0 0}.headerContent{max-width:1152px;margin:0 auto;padding:2rem 1rem;display:flex;justify-content:center}.contactInfo{display:grid;grid-template-columns:1fr;gap:.75rem;font-size:1.1.25rem;width:100%}@media (min-width: 640px){.contactInfo{grid-template-columns:repeat(2,1fr);gap:1rem 2rem;max-width:600px}}@media (min-width: 900px){.contactInfo{grid-template-columns:repeat(3,1fr);gap:1rem 2.5rem;max-width:900px}}.contactLink{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;transition:color .2s;white-space:nowrap}.contactLink svg{flex-shrink:0}.contactLink:hover{color:#f1f5f9}.navigation{background:#fff;position:sticky;top:0;z-index:10}[data-theme=dark] .navigation{background:#1a1a1a}.navContent{max-width:1152px;margin:0 auto;padding:1.5rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.navButton{padding:.5rem 1rem;border-radius:1rem;border:none;cursor:pointer;background:#faf9fb;color:#334155;font-weight:500;font-size:1rem;transition:all .2s}[data-theme=dark] .navButton{background:#404040;color:#fff}.navButton:hover{background:#24465136}[data-theme=dark] .navButton:hover{background:#575757}.navButtonActive{background:#244651;color:#fff;box-shadow:0 4px 6px #0000001a}[data-theme=dark] .navButtonActive{background:#244651}.mainContent{max-width:100%;margin:0 auto}.mainSection{padding:4rem;background-color:#fff;border-radius:0 0 1rem 1rem}[data-theme=dark] .mainSection{background-color:#1a1a1a}.section{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sectionTitle{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.sectionTitle-h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.sectionIcon{color:var(--text-primary)}.aboutText{font-size:1.125rem;color:#334155;line-height:1.75;margin-bottom:1.5rem}.about-content{color:#333}.about-content p{color:#666}.education{margin-top:2rem}.educationTitle{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:2rem 0}.educationGrid{display:grid;gap:1.5rem}@media (min-width: 768px){.educationGrid{grid-template-columns:repeat(2,1fr)}}.educationItem{border-left:4px solid #244651;padding-left:1rem}.educationItemGreen{border-left:4px solid var(--secondary);padding-left:1rem}.educationSchool{font-weight:700;color:var(--text-primary);margin:0 0 1rem}.educationDegree{color:var(--text-secondary);margin:0 0 .25rem}.educationDate{font-size:.875rem;color:var(--text-secondary);margin:0}.downloadButtonContainer{margin-top:2rem;text-align:center}.contact-cta{text-align:center}.downloadButton{display:inline-flex;align-items:center;gap:.5rem;background:#244651;color:#fff;margin-top:1rem;padding:.75rem 1.5rem;border-radius:2rem;text-decoration:none;font-weight:500;transition:background .2s;box-shadow:0 4px 6px #0000001a}.downloadButton:hover{background:#1a3238;color:#fff}.timeline{position:relative;padding-left:5rem}.timeline:before{content:"";position:absolute;left:2rem;top:0;bottom:0;width:2px;background:#cbd5e1}.timelineItem{position:relative;padding-bottom:2rem}.timelineItem:last-child{padding-bottom:0}.timelineDot{position:absolute;left:-3.5rem;top:.5rem;width:1rem;height:1rem;background:#244651;border-radius:50%;border:4px solid white;box-shadow:0 0 0 2px #cbd5e1}.timelineCard{background:#f8fafc;border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s}[data-theme=dark] .timelineCard{background:#2a2a2a}.timelineCard:hover{box-shadow:0 4px 6px #0000001a}.timelineHeader{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.timelineRole{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.timelineCompany{font-size:1.125rem;color:var(--text-primary);font-weight:500;margin:0}.timelineMeta{text-align:right}.timelinePeriod{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin:0 0 .25rem}.timelineLocation{font-size:.875rem;color:var(--text-secondary);margin:0}.timelineHighlights{margin-top:1rem;padding-left:0;list-style:none}.timelineHighlights li{color:var(--text-primary);padding-left:1.5rem;position:relative;margin-bottom:.5rem}.timelineHighlights li:before{content:"•";color:var(--text-primary);position:absolute;left:0}.skillsGrid{display:grid;gap:1.5rem}@media (min-width: 768px){.skillsGrid{grid-template-columns:repeat(2,1fr)}}.skillItem{display:flex;flex-direction:column;gap:.5rem}.skillHeader{display:flex;justify-content:space-between;align-items:center}.skillName{font-weight:500;color:var(--text-primary)}.skillLevel{font-size:.875rem;color:var(--text-secondary)}.skillBar{height:.75rem;background:#e2e8f0;border-radius:9999px;overflow:hidden}[data-theme=dark] .skillBar{background:#404040}.skillBarFill{height:100%;background:linear-gradient(to right,#2f5965,#244651);border-radius:9999px;transition:width 1s ease-out}.achievementsGrid{display:grid;gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.achievementsGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.achievementsGrid{grid-template-columns:repeat(4,1fr)}}.achievementCard{background:linear-gradient(to bottom right,#ddd,#f8fafc);border-radius:.5rem;padding:1.5rem;transition:all .2s}[data-theme=dark] .achievementCard{background:linear-gradient(to bottom right,#2a2a2a,#333)}.achievementCard:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.achievementIcon{background:var(--primary);color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.achievementTitle{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.achievementDescription{color:var(--text-secondary);margin:0}.additionalAchievements{padding:1.5rem;background:#f8fafc;border-radius:.5rem}[data-theme=dark] .additionalAchievements{background:#2a2a2a}.additionalTitle{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.additionalList{list-style:none;padding:0;margin:0}.additionalList li{display:flex;align-items:flex-start;gap:.5rem;color:var(--text-primary);margin-bottom:.75rem}.additionalList li:last-child{margin-bottom:0}.checkmark{color:var(--text-primary);flex-shrink:0;margin-top:.25rem}.contactIntro{font-size:1.125rem;color:#334155;margin-bottom:1.5rem;line-height:1.75}.successMessage{background:#dcfce7;border:2px solid var(--secondary);border-radius:.5rem;padding:2rem;text-align:center}.successIcon{color:var(--secondary);font-size:3.75rem;margin-bottom:1rem}.successTitle{font-size:1.5rem;font-weight:700;color:var(--secondary-dark);margin:0 0 .5rem}.successText{color:var(--secondary);margin:0}.contactForm{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.formGroup{display:flex;flex-direction:column;gap:.5rem}.formLabel{font-size:.875rem;font-weight:500;color:#334155}.formInput,.formTextarea{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;transition:all .2s;font-family:inherit}.formInput:focus,.formTextarea:focus{outline:none;border-color:#244651;box-shadow:0 0 0 3px #2446511a}.formTextarea{resize:none}.submitButton{width:100%;background:#244651;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px #0000001a;transition:background .2s}.submitButton:hover{background:#1a3238}.submitButton:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.statusMessage{padding:1rem;border-radius:.5rem;text-align:center;font-weight:500;margin-bottom:1.5rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.statusSending{background:#dbeafe;color:#1a3238;border:1px solid #2f5965}.statusSent{background:#dcfce7;color:#16a34a;border:1px solid #22c55e}.statusError{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.formNote{font-size:.875rem;color:#64748b;text-align:center;margin:0}.contactMethods{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.contactMethodsTitle{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.contactMethodsGrid{display:grid;gap:1rem}@media (min-width: 768px){.contactMethodsGrid{grid-template-columns:repeat(2,1fr)}}.contactMethod{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:.5rem;text-decoration:none;transition:background .2s}.contactMethod:hover{background:#f1f5f9}.contactMethodIcon{color:#244651;flex-shrink:0}.contactMethodLabel{font-weight:500;color:#1e293b;margin:0 0 .25rem}.contactMethodValue{font-size:.875rem;color:#64748b;margin:0}.footer{background:#0f172a;color:#fff;padding:2rem 1rem;margin-top:3rem}.footerContent{max-width:1152px;margin:0 auto;text-align:center}.footerText{color:#e2e8f0;margin:0 0 .5rem}.footerSubtext{font-size:.875rem;color:#94a3b8;margin:0}body.dark-mode .resumeContainer{background-color:#1a1a1a}body.dark-mode .section{background:#2a2a2a}body.dark-mode .sectionTitle,body.dark-mode .sectionTitle-h3,body.dark-mode .educationSchool,body.dark-mode .timelineRole,body.dark-mode .achievementTitle,body.dark-mode .additionalTitle{color:#e5e5e5}body.dark-mode .aboutText,body.dark-mode .educationDegree,body.dark-mode .timelinePeriod,body.dark-mode .timelineHighlights li,body.dark-mode .skillName,body.dark-mode .contactIntro,body.dark-mode .additionalList li{color:#b3b3b3}body.dark-mode .educationDate,body.dark-mode .timelineLocation,body.dark-mode .skillLevel,body.dark-mode .achievementDescription{color:#888}body.dark-mode .navigation{background:#2a2a2a}body.dark-mode .navButton{background:#1a1a1a;color:#e5e5e5}body.dark-mode .navButton:hover{background:#404040}body.dark-mode .timelineCard{background:#2a2a2a}body.dark-mode .achievementCard{background:linear-gradient(to bottom right,#2a2a2a,#333)}body.dark-mode .additionalAchievements{background:#2a2a2a}body.dark-mode .formInput,body.dark-mode .formTextarea{background:#2a2a2a;border-color:#404040;color:#e5e5e5}body.dark-mode .formLabel{color:#b3b3b3}body.dark-mode .contactMethod{background:#2a2a2a}body.dark-mode .contactMethod:hover{background:#404040}body.dark-mode .contactMethodLabel{color:#e5e5e5}body.dark-mode .contactMethodValue{color:#888}@media (max-width: 768px){.mainSection{padding:2rem 1rem}.navContent{padding:1rem .5rem}.headerContent{padding:1.5rem 1rem}.timeline{padding-left:2.5rem}.timeline:before{left:.75rem}.timelineDot{left:-1.25rem}}@media (max-width: 480px){.mainSection{padding:1.5rem .75rem}.navContent{padding:.75rem .5rem}.headerContent{padding:1rem .75rem}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}.contact-description{font-size:1.1rem;margin-bottom:2rem;line-height:1.6;text-align:left;color:var(--text-secondary)}@media (max-width: 768px){.contact-description{font-size:1rem;margin-bottom:1.5rem}}.contact-links{display:flex;flex-direction:column;gap:1rem;margin:2rem auto 0;max-width:250px}@media (max-width: 768px){.contact-links{max-width:100%;margin:1.5rem 0 0}}.contact-link{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--background-alt);border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:background-color .3s ease}[data-theme=dark] .contact-link{background:#ffffff0d;color:var(--text-light)}.contact-link:hover{background:#6475551a}.contact-link svg{color:var(--secondary)}[data-theme=dark] .contact-link svg{color:var(--text-secondary)}#contact-form .form-group{margin-bottom:1.5rem}#contact-form .form-control{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#333;background-color:var(--bg-secondary);border:none;border-bottom:1px solid #ddd;border-radius:0;outline:none;box-shadow:none;transition:border-color .15s ease-in-out}@media (max-width: 768px){#contact-form .form-control{font-size:.9rem;padding:.65rem .85rem}}#contact-form .form-control::placeholder{color:#999;opacity:1}#contact-form .form-control:focus{border-bottom:2px solid #666;background-color:var(--bg-secondary);outline:none;box-shadow:none}#contact-form textarea.form-control{min-height:120px;resize:vertical;padding-top:.75rem;padding-bottom:.75rem}@media (max-width: 768px){#contact-form textarea.form-control{min-height:100px}}.status-message{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.status-message.sent{color:#0f5132;background-color:#d1e7dd;border:1px solid #a3cfbb}.status-message.error{color:#842029;background-color:#f8d7da;border:1px solid #f1aeb5}@media (max-width: 768px){.status-message{font-size:.875rem;padding:.65rem .85rem}}.project-hero{padding-bottom:0;background-color:#fff}[data-theme=dark] .project-hero{background-color:#1a1a1a}.project-hero-padded{padding-top:100px}.project-category-badge{display:inline-block;padding:.5rem 1rem;background:#244651;color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1rem}[data-theme=dark] .project-category-badge{background:#3d7689}.project-title{font-family:Homenaje,sans-serif;font-size:4rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#244651}[data-theme=dark] .project-title{color:#fff}.project-detail-page .project-nav-link{display:inline-flex;align-items:center;gap:.5rem;color:#555;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;border:none;outline:none}.project-detail-page .project-nav-link:focus{outline:none}.project-nav{padding:3rem 0;margin-top:0;background-color:#fff;box-shadow:none;border:none;border-top:none}[data-theme=dark] .project-nav{background-color:#1a1a1a;box-shadow:none;border:none}.project-detail-page .project-subtitle{font-size:1.25rem;color:#444;margin-bottom:2rem}[data-theme=dark] .project-detail-page .project-subtitle{color:#b0b0b0}.project-detail-page .project-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.project-detail-page .meta-item{display:flex;align-items:center;gap:.5rem;color:#555}[data-theme=dark] .project-detail-page .meta-item{color:#b0b0b0}.meta-item svg{color:#647555}[data-theme=dark] .meta-item svg{color:#3d7689}[data-theme=dark] .project-hero-image{box-shadow:0 -10px 40px #00000080}.project-detail-page{background-color:#fff;color:#244651}[data-theme=dark] .project-detail-page{background-color:#1a1a1a;color:#fff}.project-detail-page h2{font-size:2rem;color:#244651;margin-bottom:1.5rem}[data-theme=dark] .project-detail-page h2{color:#3d7689}.project-detail-page h3{color:#244651}[data-theme=dark] .project-detail-page h3{color:#fff}.project-detail-page .project-text{font-size:1.125rem;line-height:1.8;color:#333;margin-bottom:1.5rem}[data-theme=dark] .project-detail-page .project-text{color:#b0b0b0}.quick-summary{font-size:1.15rem;line-height:1.8}.problems-title{margin-bottom:3rem}.problem-card{padding-left:1.5rem!important;background:#fff}[data-theme=dark] .problem-card{background:#2d2d2d}.problem-icon{color:#647555;margin-bottom:1rem}[data-theme=dark] .problem-icon{color:#3d7689}.problem-title{margin-bottom:1rem;font-size:1.75rem;color:#e68342}[data-theme=dark] .problem-title{color:#3d7689}.problem-description{font-size:1rem;color:#333;line-height:1.6;margin:0}[data-theme=dark] .problem-description{color:#e0e0e0}.user-intent-card{background:#f8f9fa;padding:2rem;border-radius:12px;border-left:4px solid #647555;margin-bottom:2.5rem}[data-theme=dark] .user-intent-card{background:#252525;border-left-color:#3d7689}.user-intent-title{margin-bottom:1rem;font-size:1.1rem;color:#244651}[data-theme=dark] .user-intent-title{color:#fff}.project-detail-page .user-intent-quote{font-style:italic;margin:0;color:#333;font-size:1.125rem;line-height:1.8}[data-theme=dark] .project-detail-page .user-intent-quote{color:#b0b0b0}.user-needs-title{margin-bottom:1.5rem;color:#244651}[data-theme=dark] .user-needs-title{color:#fff}.user-needs-grid{display:grid;gap:1rem}.user-need-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}[data-theme=dark] .user-need-item{background:#252525;border-color:#404040}.user-need-icon{color:#647555;flex-shrink:0;margin-top:2px}[data-theme=dark] .user-need-icon{color:#3d7689}.user-need-text{color:#244651;line-height:1.6}[data-theme=dark] .user-need-text{color:#fff}.design-changes-grid{display:grid;gap:2.5rem;margin-top:2rem}.design-change-card{background:#f8f9fa;padding:2rem;border-radius:12px;border:1px solid #e0e0e0}[data-theme=dark] .design-change-card{background:#252525;border-color:#404040}.design-change-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.design-change-icon{color:#647555}[data-theme=dark] .design-change-icon{color:#3d7689}.design-change-icon-group{display:flex;gap:.5rem}.design-change-title{margin:0;font-size:1.3rem;color:#244651}[data-theme=dark] .design-change-title{color:#fff}.design-change-benefit{background:#6475551a;padding:1rem;border-radius:8px;border-left:3px solid #647555;margin-top:1rem}[data-theme=dark] .design-change-benefit{background:#2f596533;border-left-color:#3d7689}.design-change-benefit strong{color:#647555}[data-theme=dark] .design-change-benefit strong{color:#3d7689}.project-detail-page .design-change-benefit span{color:#333;margin-left:.5rem}[data-theme=dark] .project-detail-page .design-change-benefit span{color:#b0b0b0}.metrics-title{margin-bottom:3rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem}.metric-card{text-align:center;padding:2.5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid #e0e0e0;transition:all .3s ease}[data-theme=dark] .metric-card{background:#2d2d2d;border-color:#404040;box-shadow:0 4px 6px #0000004d}.metric-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}[data-theme=dark] .metric-card:hover{box-shadow:0 6px 12px #0006}.metric-value{font-size:3.5rem;font-weight:700;color:#647555;margin-bottom:.5rem;line-height:1}[data-theme=dark] .metric-value{color:#3d7689}.project-detail-page .metric-label{font-size:.95rem;color:#555;font-weight:500}[data-theme=dark] .project-detail-page .metric-label{color:#b0b0b0}.project-detail-page .gallery-description{max-width:700px;margin:0 auto 3rem;color:#555}[data-theme=dark] .project-detail-page .gallery-description{color:#b0b0b0}.result-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;position:relative;padding:1.5rem 1.5rem 1.5rem 4rem;border:1px solid #e0e0e0;transition:all .3s ease}[data-theme=dark] .result-card{background:#2d2d2d;border-color:#404040;box-shadow:0 4px 6px #0000004d}.result-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}[data-theme=dark] .result-card:hover{box-shadow:0 6px 12px #0006}.result-number{position:absolute;left:1.5rem;top:1.5rem;width:2rem;height:2rem;background:#647555;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}[data-theme=dark] .result-number{background:#3d7689}.project-detail-page .result-card p{margin:0;color:#333;line-height:1.6}[data-theme=dark] .project-detail-page .result-card p{color:#e0e0e0}.result-card h3{color:#244651;margin-bottom:.5rem}[data-theme=dark] .result-card h3{color:#fff}.gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background:#fff}[data-theme=dark] .gallery-item{background:#2d2d2d;box-shadow:0 4px 6px #0000004d}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}[data-theme=dark] .gallery-item:hover{box-shadow:0 8px 16px #0006}.tech-tag{padding:.5rem 1.25rem;background:#3d7689;border:.5px solid #244651;color:#244651;border-radius:50px;font-weight:500;align-items:center;transition:all .3s ease}[data-theme=dark] .tech-tag{background:#252525;border-color:#3d7689;color:#3d7689}.project-nav{padding:3rem 0;margin-top:4rem;background-color:#fff}[data-theme=dark] .project-nav{background-color:#1a1a1a}.tech-section{margin-bottom:0;padding-bottom:0;box-shadow:none;border:none;border-bottom:none}.project-detail-page .project-nav-link{display:inline-flex;align-items:center;gap:.5rem;color:#555;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}[data-theme=dark] .project-detail-page .project-nav-link{color:#b0b0b0}.project-detail-page .project-nav-link:hover{color:#244651;background:#f8f9fa}[data-theme=dark] .project-detail-page .project-nav-link:hover{color:#3d7689;background:#2d2d2d}.project-detail-page .project-nav-link.prev{justify-self:start}.project-detail-page .project-nav-link.center{padding:.5rem 1.5rem;background:#f8f9fa;font-weight:500;color:#244651}[data-theme=dark] .project-detail-page .project-nav-link.center{background:#252525;color:#fff}.project-detail-page .project-nav-link.center:hover{background:#f0f2f5;color:#244651}[data-theme=dark] .project-detail-page .project-nav-link.center:hover{background:#2d2d2d;color:#3d7689}.project-detail-page .project-nav-link.next{justify-self:end}@media (max-width: 768px){.project-nav-link.prev,.project-nav-link.next,.project-detail-page .project-nav-link.prev,.project-detail-page .project-nav-link.next{justify-self:center}}.section{padding:4rem 2rem;background-color:#fff;box-shadow:none;border:none}[data-theme=dark] .section{background-color:#1a1a1a;box-shadow:none;border:none}.section-alt{background-color:#f8f9fa;box-shadow:none;border:none}[data-theme=dark] .section-alt{background-color:#2d2d2d;box-shadow:none;border:none}.container{max-width:1200px;margin:0 auto}.text-center{text-align:center}@media (max-width: 1024px){.section{padding:3rem 1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.section{padding:2rem 1rem}.project-hero-content{padding:1.5rem 0}.project-meta{gap:1rem}.results-grid,.project-gallery{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.design-changes-grid{gap:1.5rem}}@media (max-width: 480px){.project-title{font-size:1.75rem}.project-subtitle{font-size:1.1rem}.project-text{font-size:1rem}.result-card{padding-left:1rem;padding-top:3rem}.result-number{left:50%;top:1rem;transform:translate(-50%)}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:2.5rem}.design-change-header{flex-direction:column;align-items:flex-start}.design-change-title{font-size:1.1rem}}.jira-toolkit-page{background-color:#fff;min-height:100vh}[data-theme=dark] .jira-toolkit-page{background-color:#1a1a1a}.jt-hero{padding-bottom:0;background-color:#fff}[data-theme=dark] .jt-hero{background-color:#1a1a1a}.jt-hero-padded{padding-top:100px}.jira-toolkit-page .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-light);text-decoration:none;margin-bottom:2rem;transition:color .3s ease}[data-theme=dark] .jira-toolkit-page .back-link{color:#b0b0b0}.jira-toolkit-page .back-link:hover{color:#244651}[data-theme=dark] .jira-toolkit-page .back-link:hover{color:#3d7689}.jt-hero-content{max-width:800px;margin:0 auto;text-align:center;padding:2rem 0}.jt-category-badge{display:inline-block;padding:.5rem 1rem;background:#244651;color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1rem}[data-theme=dark] .jt-category-badge{background:#3d7689}.jt-page-title{font-family:Homenaje,sans-serif;font-size:3rem;font-weight:800;color:#244651;margin:0 0 .5rem;line-height:1.2}[data-theme=dark] .jt-page-title{color:#fff}.jt-page-subtitle{font-size:.95rem;color:#6b7280;margin:0;font-weight:500}[data-theme=dark] .jt-page-subtitle{color:#b0b0b0}.jt-main-content{padding:4rem 2rem;background-color:#fff}[data-theme=dark] .jt-main-content{background-color:#1a1a1a}.jt-intro{margin-bottom:3rem}.jt-intro-text{font-size:1.125rem;color:#374151;line-height:1.75;margin-bottom:1.5rem}[data-theme=dark] .jt-intro-text{color:#b0b0b0}.jt-description{color:#374151;line-height:1.75;margin-bottom:1rem}[data-theme=dark] .jt-description{color:#b0b0b0}.jt-warning-box{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem 1.25rem;border-radius:0 .5rem .5rem 0;margin:1.5rem 0}[data-theme=dark] .jt-warning-box{background:#f59e0b33}.jt-warning-title{color:#78350f;font-weight:500;margin:0 0 .5rem}[data-theme=dark] .jt-warning-title{color:#fbbf24}.jt-warning-text{color:#374151;margin:0}[data-theme=dark] .jt-warning-text{color:#b0b0b0}.jt-tip-box{background:#d1fae5;border-left:4px solid #059669;padding:1rem 1.25rem;border-radius:0 .5rem .5rem 0;margin:1.5rem 0}[data-theme=dark] .jt-tip-box{background:#05966933;border-left-color:#10b981}.jt-reminder-box{background:#d1fae5;border-left:4px solid #059669;padding:1rem 1.25rem;border-radius:0 .5rem .5rem 0;margin:1.5rem 0}[data-theme=dark] .jt-reminder-box{background:#05966933;border-left-color:#10b981}.jt-box-title{color:#065f46;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}[data-theme=dark] .jt-box-title{color:#34d399}.jt-box-content{color:#374151}[data-theme=dark] .jt-box-content{color:#b0b0b0}.jt-info-box{background:#dbeafe;border-left:4px solid #2563eb;padding:1rem 1.25rem;border-radius:0 .5rem .5rem 0;margin:1.5rem 0}[data-theme=dark] .jt-info-box{background:#2563eb33;border-left-color:#3b82f6}.jt-info-box p{color:#1f2937;margin:0}[data-theme=dark] .jt-info-box p{color:#e0e0e0}.jt-section{margin-bottom:3rem;scroll-margin-top:2rem}.jt-section-title{font-size:1.875rem;font-weight:700;color:#244651;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}[data-theme=dark] .jt-section-title{color:#3d7689;border-bottom-color:#404040}.jt-subsection{margin-bottom:2rem;scroll-margin-top:2rem}.jt-subsection-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}[data-theme=dark] .jt-subsection-title{color:#fff}.jt-bullet-list{list-style-type:disc;padding-left:1.5rem;margin:1rem 0}.jt-bullet-list li{margin:.75rem 0;color:#374151;line-height:1.6}[data-theme=dark] .jt-bullet-list li{color:#e0e0e0}.jt-numbered-list{padding-left:0;list-style:none;margin:1rem 0}.jt-numbered-list li{color:#374151;margin-bottom:.75rem;line-height:1.6}[data-theme=dark] .jt-numbered-list li{color:#e0e0e0}.jt-checklist{list-style:none;padding:0;margin:.25rem 0 0}.jt-checklist li{margin-bottom:.25rem;color:#374151}[data-theme=dark] .jt-checklist li{color:#e0e0e0}.jt-two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0}@media (max-width: 768px){.jt-two-column-grid{grid-template-columns:1fr}}.jt-column-title{font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.jt-column-title.jt-success{color:#047857}[data-theme=dark] .jt-column-title.jt-success{color:#10b981}.jt-column-title.jt-error{color:#dc2626}[data-theme=dark] .jt-column-title.jt-error{color:#f87171}.jt-code-block-container{position:relative;margin:1rem 0}.jt-code-block-container:hover .jt-copy-button{opacity:1}.container{max-width:100%;margin:0 auto}.container-small{max-width:800px;margin:0 auto}.jt-code-block{background:#111827;color:#f3f4f6;padding:1.25rem;border-radius:.5rem;overflow-x:auto;font-size:.875rem;line-height:1.6;margin:0;font-family:Courier New,Courier,monospace}[data-theme=dark] .jt-code-block{background:#0d1117}.jt-code-block::-webkit-scrollbar{height:8px}.jt-code-block::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.jt-code-block::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.jt-code-block::-webkit-scrollbar-thumb:hover{background:#6b7280}[data-theme=dark] .jt-code-block::-webkit-scrollbar-track{background:#0d1117}[data-theme=dark] .jt-code-block::-webkit-scrollbar-thumb{background:#30363d}[data-theme=dark] .jt-code-block::-webkit-scrollbar-thumb:hover{background:#484f58}.jt-code-block code{font-family:Courier New,Courier,monospace;white-space:pre;display:block}.jt-copy-button{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#1f2937;border:none;border-radius:.375rem;cursor:pointer;opacity:0;transition:all .2s}.jt-copy-button:hover{background:#374151}.jt-icon{width:1rem;height:1rem}.jt-check-icon{color:#10b981}.jt-copy-icon{color:#9ca3af}.jt-refinement-section{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.jt-refinement-title{font-weight:600;color:#1f2937;margin:0 0 .75rem;font-size:1.125rem}[data-theme=dark] .jt-refinement-title{color:#fff}.jt-project-nav{padding:3rem 0;margin-top:0;background-color:#fff;box-shadow:none;border:none;border-top:none}[data-theme=dark] .jt-project-nav{background-color:#1a1a1a;box-shadow:none;border:none}.project-nav-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;border:none}.project-nav-link{display:inline-flex;align-items:center;gap:.5rem;color:#555;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}[data-theme=dark] .project-nav-link{color:#b0b0b0}.project-nav-link:focus{outline:none}.project-nav-link:hover{color:#244651;background:#f8f9fa}[data-theme=dark] .project-nav-link:hover{color:#3d7689;background:#2d2d2d}.project-nav-link.center{padding:.5rem 1.5rem;background:#f8f9fa;font-weight:500;color:#244651}[data-theme=dark] .project-nav-link.center{background:#252525;color:#fff}.project-nav-link.center:hover{background:#f0f2f5;color:#244651}[data-theme=dark] .project-nav-link.center:hover{background:#2d2d2d;color:#3d7689}.arrow-right{transform:rotate(180deg)}@media (max-width: 1024px){.jt-main-content{padding:3rem 1.5rem}}@media (max-width: 768px){.jt-page-title{font-size:2rem}.jt-main-content{padding:2rem 1rem}.jt-hero{padding:80px 0 2rem}.project-nav-grid{grid-template-columns:1fr;text-align:center}.project-nav-link.prev,.project-nav-link.next{justify-self:center}}@media (max-width: 640px){.jt-page-title{font-size:1.5rem}.jt-page-subtitle{font-size:.875rem}.jt-section-title{font-size:1.5rem}.jt-code-block{font-size:.75rem;padding:1rem}}:root{--primary: #244651;--primary-dark: #1a3139;--primary-light: #2f5965;--primary-lighter: #3d7689;--secondary: #647555;--secondary-light: #7a8c68;--background-lightest: #f1f5f9;--background-lighter: #e2e8f0;--background-dark: #94a3b8;--orange: #e68342;--background: #faf9fb;--background-alt: #f8f8f8;--text-dark: #333;--text-light: #666;--text-lighter: #999;--border: #e5e5e5;--shadow-hover: rgba(0, 0, 0, .15);--dark-gray: #b3bfcc;--light-gray: #f6f7fc;--ifm-color-black: #000;--ifm-color-white: #fff;--eggplant: #5b495d;--eggplant-dark: #524254;--eggplant-darker: #4d3e4f;--eggplant-darkest: #403341;--eggplant-light: #645066;--eggplant-lighter: #69546b;--eggplant-lightest: #765f79;--mountbatten-pink: #8e7a90;--mountbatten-pink-dark: #816d82;--mountbatten-pink-darker: #79677b;--mountbatten-pink-darkest: #645565;--mountbatten-pink-light: #9a889c;--mountbatten-pink-lighter: #a090a2;--mountbatten-pink-lightest: #b3a5b4;--moss-green: #a4a359;--moss-green-dark: #949350;--moss-green-darker: #8b8b4c;--moss-green-darkest: #73723e;--moss-green-light: #adad69;--moss-green-lighter: #b2b171;--moss-green-lightest: #bfbf8a;--coral: #e8917a;--coral-dark: #d67f68;--coral-darker: #c9705c;--coral-darkest: #a75c4a;--coral-light: #eda088;--coral-lighter: #f0ab96;--coral-lightest: #f5c4b4;--gold: #d4a574;--gold-dark: #c29568;--gold-darker: #b6895f;--gold-darkest: #96714d;--gold-light: #ddb184;--gold-lighter: #e3b990;--gold-lightest: #eecaa9;--slate: #3d5467;--slate-dark: #354a5c;--slate-darker: #2f4252;--slate-darkest: #253642;--slate-light: #4d6477;--slate-lighter: #5a7080;--slate-lightest: #758a99;--sage: #8b9d7f;--sage-dark: #7d8e72;--sage-darker: #74856a;--sage-darkest: #5f6e57;--sage-light: #99aa8e;--sage-lighter: #a4b39a;--sage-lightest: #b8c4b0;--rust: #b86f50;--rust-dark: #a66348;--rust-darker: #9b5c43;--rust-darkest: #7f4b36;--rust-light: #c47f61;--rust-lighter: #cc8c6f;--rust-lightest: #dba58d;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-alt: #f0f2f5;--text-primary: #244651;--text-secondary: #666666;--text-light: #e3f3ef;--text-muted: #999999;--border-color: #e0e0e0;--card-bg: #ffffff;--nav-bg: #ffffff;--footer-bg: #244651;--button-primary: #2563eb;--button-hover: #1d4ed8;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-alt: #252525;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #808080;--border-color: #404040;--card-bg: #2d2d2d;--nav-bg: #1a1a1a;--footer-bg: ##244651;--button-primary: #3b82f6;--button-hover: var(--primary-lighter);--shadow: rgba(0, 0, 0, .3)}body.dark-mode{--background: #1a1a1a;--background-alt: #2a2a2a;--text-dark: #e5e5e5;--text-light: #b3b3b3;--text-lighter: #888;--border: #404040;--shadow: rgba(255, 255, 255, .05);--shadow-hover: rgba(255, 255, 255, .1);--heading-color: #e5e5e5;--card-bg: #2a2a2a;--card-text: #b3b3b3}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.no-transition *{transition:none!important}body{line-height:1.4;font-size:17px;font-weight:500;font-family:Khula,sans-serif;background-color:var(--bg-primary);-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}@media screen and (max-width: 820px){body{font-size:16px}}.hero-img{width:800px;padding-top:40px;align-items:center;max-width:100%;content:url(/assets/navbar-4-CUhgp3Ea.png)}[data-theme=dark] .hero-img{content:url(/assets/navbar-4-dark-D5VB2EIq.png)}h2,h3{font-family:Homenaje,sans-serif}h4{font-family:Homenaje,sans-serif;font-size:22px;line-height:.3;padding-top:0}h1,h2,h3,h4,h5,h6{font-weight:500}:is(h1,h2,h3,h4,h5,h6) code{font-size:.9em}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}.container{max-width:100%;margin:0 auto;padding:0 1rem;border:none}.container-small{max-width:800px}.portfolio-container{background-color:var(--bg-primary);color:var(--text-primary);padding:1em 0 0;width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-container-2{background-color:var(--bg-primary);color:var(--text-primary);padding:0}.row{margin:0 10px;display:flex;flex-wrap:wrap;width:100%}.row:after{content:"";display:table;clear:both}.column{float:left;width:33.333%;padding:0 10px;margin-bottom:20px;box-sizing:border-box}@media screen and (max-width: 1024px){.column{width:50%}}@media screen and (max-width: 599px){.column{width:100%}}.portfolio-content{display:flex;flex-direction:column;height:100%}.portfolio-card{margin:0;padding:30px;border-radius:8px;position:relative;transition:.3s all;background-color:var(--card-bg);box-shadow:0 2px 8px var(--shadow);min-height:280px;display:flex;flex-direction:column;height:100%}.portfolio-card:hover{box-shadow:0 4px 10px #03061a40}.portfolio-card h3{margin-bottom:10px;text-transform:uppercase;font-size:1.5rem}.portfolio-card p{margin-bottom:1rem;flex-grow:1;line-height:1.6}.portfolio-card .project-tags{margin-bottom:60px;display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-card .tag{padding:.5rem .85rem .25rem .875rem;font-size:.8rem;border-radius:50px;background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.4);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1;display:inline-flex;align-items:center;justify-content:center}.portfolio-card .tag:hover{background:#ffffff59;border-color:#fff9}.block-head{opacity:.6;font-weight:600;text-transform:uppercase;font-size:17px;line-height:1;padding-bottom:20px}.portfolio-card-footer{position:absolute;left:30px;right:30px;bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.portfolio-button{position:relative;left:auto;bottom:auto;font-size:14px;color:#fff;background:#0003;text-decoration:none;text-transform:uppercase;padding:14px 20px 8px;border-radius:10000px;transition:.3s all;line-height:1;display:inline-flex;align-items:center;justify-content:center}.portfolio-button:hover{background:#fffc;color:#2e2e2e}.portfolio-card-links{display:flex;gap:.5rem;align-items:center}.portfolio-icon-link{color:#fffc;transition:all .3s ease;padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0003}.portfolio-icon-link:hover{color:#fff;background:#fff3;transform:scale(1.1)}.button-white-text{color:#fff}.portfolio-card-blue-light{background:#244651;color:#fff}.portfolio-card-yellow{background:#647555;color:#fff}.portfolio-card-blue-dark{background:#a4a359;color:#fff}.portfolio-card-red{background:#5b495d;color:#fff}.portfolio-card-purple{background:#8e7a90;color:#fff}.portfolio-card-orange{background:var(--orange);color:#fff}.portfolio-card-gold{background:var(--gold);color:#fff}.navbar{position:fixed;top:0;width:100%;z-index:1000;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow);transition:all .3s ease}.nav-link{color:var(--text-dark)}[data-theme=dark] .navbar{background-color:#2d2d2d;border-bottom-color:#404040}[data-theme=dark] .nav-link{color:var(--card-text)}.nav-link:hover{color:var(--button-primary)}[data-theme=dark] .nav-link:hover{color:var(--button-hover)}.nav-container{max-width:100%;margin:0 auto;padding:0 3rem}.nav-content{display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary)}[data-theme=dark] .nav-logo{color:var(--primary-lighter)}.nav-menu{display:flex;align-items:center;gap:2rem}.desktop-menu{display:none}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;margin-bottom:2rem;transition:color .3s ease}.back-link:hover{color:#244651}[data-theme=dark] .back-link{color:var(--primary-lighter)}[data-theme=dark] .back-link:hover{color:var(--orange)}@media (min-width: 768px){.desktop-menu{display:flex}.mobile-menu-toggle{display:none}}.nav-link{background:none;border:none;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:500;transition:color .3s ease;padding:.5rem 0;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--secondary)}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;transition:opacity .3s ease}.nav-logo:hover{opacity:.8}input,textarea,select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}input:focus,textarea:focus,select:focus{border-color:var(--button-primary);outline:none}.theme-toggle{background:transparent;color:var(--text-primary);padding:8px;border-radius:16px;border:none;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background-color:var(--bg-secondary)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;color:var(--text-dark)}.mobile-menu{display:flex;flex-direction:column;background:var(--background);border-top:1px solid var(--border);padding:1rem}.mobile-nav-link{background:none;border:none;color:var(--text-dark);cursor:pointer;font-size:1rem;padding:.75rem;text-align:left;transition:background-color .3s ease;border-radius:8px;text-decoration:none;display:block;width:100%}.mobile-nav-link:hover{background:var(--background-alt)}.hero-section{background-color:var(--bg-primary);color:var(--text-primary);padding:40px 0;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2446510d,#6475550d)}.hero-content{text-align:center;position:relative;z-index:1;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;margin-bottom:1rem;color:var(--text-light)}.hero-description{font-size:1.35rem;max-width:48rem;margin:0 auto 2rem;color:var(--text-secondary);line-height:1.5}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:3rem}.hero-social{display:flex;gap:1.5rem;justify-content:center}.social-link{color:var(--text-secondary);transition:color .3s ease}.social-link:hover{color:var(--secondary)}.hero-scroll{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);color:var(--secondary);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.btn{padding:.75rem 2rem;border:none;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px var(--shadow)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px var(--shadow-hover)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}[data-theme=dark] .btn-outline{color:var(--primary-lighter);border-color:var(--primary-lighter)}.btn-outline:hover{background:#2446511a}.section{padding:6rem 4rem;background-color:var(--bg-primary);color:var(--text-primary);border:none}.section-alt{background-color:var(--bg-secondary)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.project-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}[data-theme=dark] .project-title{color:var(--text-primary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:0}.about-content:first-child{margin-bottom:1.5rem}#experience .container,.container{padding:0 .5rem}}.about-content p{font-size:1.125rem;margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.8}.skills-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--primary)}.skill-item{margin-bottom:1rem}.skill-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-header span{color:var(--text-light)}.skill-percentage{color:var(--secondary)!important}.skill-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:4px;transition:width 1s ease}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{padding:2rem;background-color:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow);transition:all .3s ease;border-top:6px solid}.service-card h3{font-size:1.5rem;font-weight:600;margin:1rem 0 .75rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);line-height:1.6}.dark-mode .service-card h3,.dark-mode .project-content h3,.dark-mode .timeline-content h3,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:var(--text-secondary)}.dark-mode .timeline-content{background:#2a2a2a}.dark-mode .filter-btn{background:#2a2a2a;color:var(--text-dark)}.dark-mode .filter-btn:hover{background:#404040}.dark-mode .service-card{background:#1a1a1a}.service-0{border-top-color:var(--primary)}.service-1{border-top-color:var(--secondary)}.service-2{border-top-color:var(--eggplant)}.service-3{border-top-color:var(--moss-green)}.service-0 .service-icon{color:var(--primary)}.service-1 .service-icon{color:var(--secondary)}.service-2 .service-icon{color:var(--eggplant)}.service-3 .service-icon{color:var(--moss-green)}.service-0{border-top-color:var(--primary-lighter)}[data-theme=dark] .service-0 .service-icon{color:var(--primary-lighter)}.portfolio-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}.filter-btn{padding:.5rem 1.5rem;border:none;border-radius:50px;background:var(--background-alt);color:var(--text-dark);cursor:pointer;font-weight:500;font-size:1rem;transition:all .3s ease}[data-theme=dark] .filter-btn{background:#404040;color:#fff}.filter-btn:hover{background:var(--border)}[data-theme=dark] .filter-btn:hover{background:#575757}.filter-btn.active{background:var(--secondary);color:#fff;box-shadow:0 4px 15px var(--shadow)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{border-radius:12px;overflow:hidden;background:var(--background);box-shadow:0 4px 6px var(--shadow);transition:all .3s ease;border-top:4px solid}.dark-mode .project-card{background:#1a1a1a}.project-card:hover{transform:translateY(-8px);box-shadow:0 8px 16px var(--shadow-hover)}.project-0{border-top-color:var(--primary)}.project-1{border-top-color:var(--secondary)}.project-2{border-top-color:var(--eggplant)}.project-3{border-top-color:var(--mountbatten-pink)}.project-4{border-top-color:var(--moss-green)}.project-5{border-top-color:var(--orange)}.project-image{height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-content{padding:1.5rem}.project-content h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-dark)}.project-content p{margin-bottom:1rem;color:var(--text-light);line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;color:#fff}.tag{padding:.25rem .75rem;font-size:.875rem;border-radius:50px;background:#6475551a;color:var(--secondary)}.project-0 .tag{background:#2446511a;color:var(--primary)}.project-1 .tag{background:#6475551a;color:var(--secondary)}.project-2 .tag{background:#5b495d1a;color:var(--eggplant)}.project-3 .tag{background:#8e7a901a;color:var(--mountbatten-pink)}.project-4 .tag{background:#a4a3591a;color:var(--moss-green)}.project-5 .tag{background:#ef7f341a;color:var(--orange)}.project-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--secondary);text-decoration:none;transition:opacity .3s ease}.project-0 .project-link{color:var(--primary)}.project-1 .project-link{color:var(--secondary)}.project-2 .project-link{color:var(--eggplant)}.project-3 .project-link{color:var(--mountbatten-pink)}.project-4 .project-link{color:var(--moss-green)}.project-5 .project-link{color:var(--orange)}.project-link:hover{opacity:.7}.timeline{max-width:800px;margin:0 auto}.timeline-item{display:flex;gap:1rem;margin-bottom:2rem;position:relative}.timeline-marker{flex-shrink:0;position:relative;display:flex;flex-direction:column;align-items:center}.timeline-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.timeline-0{background:var(--primary)}.timeline-1{background:var(--secondary)}.timeline-2{background:var(--eggplant)}.timeline-3{background:var(--mountbatten-pink)}.timeline-4{background:var(--moss-green)}.timeline-line{width:2px;min-height:80px;background:var(--border);margin-left:23px;margin-top:8px;flex-grow:1;transition:height .3s ease}.timeline-content{flex-grow:1;padding:1.5rem;background:var(--background);border-radius:12px;box-shadow:0 4px 6px var(--shadow);border-left:4px solid;transition:all .3s ease;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-content:hover{box-shadow:0 6px 12px var(--shadow-hover);transform:translateY(-2px)}.timeline-content.expanded{box-shadow:0 8px 16px var(--shadow-hover);cursor:default}.timeline-content.expanded:hover{transform:none}.dark-mode .timeline-content{background:#1a1a1a}.timeline-card-0{border-left-color:var(--primary)}.timeline-card-1{border-left-color:var(--secondary)}.timeline-card-2{border-left-color:var(--eggplant)}.timeline-card-3{border-left-color:var(--mountbatten-pink)}.timeline-card-4{border-left-color:var(--moss-green)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.timeline-header h3{font-size:1.25rem;color:var(--text-dark)}.timeline-header-right{display:flex;align-items:center;gap:1rem}.expand-btn{background:var(--background-alt);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-light);pointer-events:none}.timeline-content:hover .expand-btn{background:var(--border);color:var(--primary)}.timeline-content:after{content:"Click to expand";position:absolute;bottom:8px;right:16px;font-size:.75rem;color:var(--text-lighter);opacity:.6;transition:opacity .3s ease}.timeline-content:hover:after{opacity:1}.timeline-content.expanded:after{content:"Click to collapse"}@media (max-width: 768px){.timeline-content:after{opacity:1}}.company{color:var(--secondary)}.timeline-card-0 .company{color:var(--primary)}.timeline-card-1 .company{color:var(--secondary)}.timeline-card-2 .company{color:var(--eggplant)}.timeline-card-3 .company{color:var(--mountbatten-pink)}.timeline-card-4 .company{color:var(--moss-green)}.period{font-size:.875rem;color:var(--text-light)}.exp-type{display:inline-block;padding:.25rem .75rem;font-size:.875rem;border-radius:50px;background:#6475551a;color:var(--secondary)}.timeline-card-0 .exp-type{background:#2446511a;color:var(--primary)}.timeline-card-1 .exp-type{background:#6475551a;color:var(--secondary)}.timeline-card-2 .exp-type{background:#5b495d1a;color:var(--eggplant)}.timeline-card-3 .exp-type{background:#8e7a901a;color:var(--mountbatten-pink)}.timeline-card-4 .exp-type{background:#a4a3591a;color:var(--moss-green)}.experience-description{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.experience-description ul{list-style:none;padding:0;margin:0}.experience-description li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-light);line-height:1.6;font-size:.95rem}.experience-description li:last-child{margin-bottom:0}.experience-description li:before{content:"▸";position:absolute;left:0;color:var(--secondary);font-weight:700;font-size:1.1rem}.timeline-card-0 .experience-description li:before{color:var(--primary)}.timeline-card-1 .experience-description li:before{color:var(--secondary)}.timeline-card-2 .experience-description li:before{color:var(--eggplant)}.timeline-card-3 .experience-description li:before{color:var(--mountbatten-pink)}.timeline-card-4 .experience-description li:before{color:var(--moss-green)}.contact-card{padding:2rem;background:var(--background);border-radius:16px;box-shadow:0 8px 16px var(--shadow)}.dark-mode .contact-card{background:#1a1a1a}.footer{min-width:100%;padding:2rem 0;text-align:center;background-color:#244651}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:.875rem;color:#fff}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.section{padding:3rem 0}.section-title{font-size:2rem}.timeline-content:after{opacity:1}.timeline-header{flex-direction:column;gap:.5rem}.timeline-header-right{width:100%;justify-content:space-between}}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-light);text-decoration:none;margin-bottom:2rem;transition:color .3s ease}.back-link:hover{color:var(--primary)}.project-hero{padding-bottom:0}.project-hero-content{max-width:800px;margin:0 auto;text-align:center;padding:2rem 0}.project-category-badge{display:inline-block;padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.project-title{font-size:3rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;line-height:1.2}@media (max-width: 768px){.project-title{font-size:2rem}}.project-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:2rem}.project-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-light)}.meta-item svg{color:var(--secondary)}.project-hero-image{margin-top:3rem;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -10px 40px #0000001a}.project-hero-image img{width:100%;height:auto;display:block}.project-detail-page h2{font-size:2rem;color:var(--primary);margin-bottom:1.5rem}.project-detail-page h2.text-center{text-align:center}.project-text{font-size:1.125rem;line-height:1.8;color:var(--text-light);margin-bottom:1.5rem}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media (max-width: 768px){.project-grid{grid-template-columns:1fr}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.result-card{background:var(--background);border-radius:12px;box-shadow:0 4px 6px var(--shadow);position:relative;padding:1.5rem 1.5rem 1.5rem 4rem}.dark-mode .result-card{background:#1a1a1a}.result-number{position:absolute;left:1.5rem;top:1.5rem;width:2rem;height:2rem;background:var(--secondary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.result-card p{margin:0;color:var(--text-light);line-height:1.6}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--shadow-hover)}.gallery-item img{width:100%;height:auto;display:block}.tech-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.tech-tag{padding:.5rem 1.25rem;background:var(--background-alt);border:2px solid var(--primary);color:var(--primary);border-radius:50px;font-weight:500;transition:all .3s ease}.tech-tag:hover{background:var(--primary);color:#fff}.project-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.project-nav{padding:3rem 0;border-top:1px solid var(--border);margin-top:4rem}.project-nav-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}@media (max-width: 768px){.project-nav-grid{grid-template-columns:1fr;text-align:center}}.project-nav-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-light);text-decoration:none;transition:color .3s ease;padding:.5rem 1rem;border-radius:8px}.project-nav-link:hover{color:var(--primary);background:var(--background-alt)}.project-nav-link.prev{justify-self:start}.project-nav-link.center{padding:.5rem 1.5rem;background:var(--background-alt)}.project-nav-link.next{justify-self:end}@media (max-width: 768px){.project-nav-link.prev,.project-nav-link.next{justify-self:center}}