*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:"Special Elite";background-color:#f8f8f8;height:100%;overflow:hidden}.container{display:flex;flex-direction:row;height:100vh;width:100vw}@media(max-width: 1024px){.container{flex-direction:column}}.back-to-home{background-color:#333;padding:1rem 2rem}.back-to-home a{color:#fff;text-decoration:none;font-weight:bold;font-size:1rem;transition:opacity .3s}.back-to-home a:hover{opacity:.7}.focus-selector-panel{width:320px;background-color:#333;color:#fff;padding:2rem;overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,.2)}.focus-selector-panel h2{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.focus-selector-panel .subtitle{font-size:.9rem;color:#ccc;margin-bottom:2rem}.filter-section{margin-bottom:2.5rem}.filter-section.role-section{margin-bottom:3rem}.filter-section .filter-heading{font-size:1.1rem;color:hsl(0,0%,90%);margin-bottom:1.2rem;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.filter-section .tech-hint{font-size:.75rem;color:#ccc;margin-bottom:1rem;font-style:italic}.role-filters{display:flex;flex-direction:column;gap:1rem}.role-card{display:flex;align-items:center;gap:1.2rem;background-color:hsl(0,0%,30%);padding:1.2rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:2px solid rgba(0,0,0,0)}.role-card .role-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:hsl(0,0%,35%);border-radius:50%;font-size:1.5rem;color:#fff;transition:all .3s ease}.role-card .role-info{flex:1}.role-card .role-info h4{font-size:1.2rem;color:#fff;margin-bottom:.2rem}.role-card .role-info p{font-size:.8rem;color:hsl(0,0%,90%);margin:0}.role-card:hover{background-color:#6d0a21;transform:translateX(5px);border-color:#8b0e2a}.role-card:hover .role-icon{background-color:#fff;color:#6d0a21;transform:scale(1.1)}.role-card.active{background-color:#6d0a21;border-color:#fff;box-shadow:0 4px 12px rgba(109,10,33,.5)}.role-card.active .role-icon{background-color:#fff;color:#6d0a21}.role-card.active .role-info h4{font-weight:bold}.tech-filters{display:flex;flex-direction:column;gap:.6rem}.tech-filter-btn{background-color:hsl(0,0%,30%);color:#fff;border:2px solid rgba(0,0,0,0);padding:.85rem 1.1rem;font-size:.95rem;font-family:"Special Elite";cursor:pointer;border-radius:6px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);text-align:left}.tech-filter-btn:hover:not(.hidden){background-color:rgb(132.3571428571,12.1428571429,40.0714285714);transform:translateX(5px);border-color:#8b0e2a}.tech-filter-btn.active{background-color:#6d0a21;border-color:#fff;box-shadow:0 3px 10px rgba(109,10,33,.4);font-weight:bold}.tech-filter-btn.hidden{display:none}.download-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #666}.download-section h3{font-size:1.1rem;color:hsl(0,0%,90%);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.download-section .download-btn{display:flex;align-items:center;gap:.75rem;background-color:hsl(0,0%,30%);color:#fff;padding:1rem 1.5rem;margin-bottom:.75rem;border-radius:6px;text-decoration:none;transition:all .3s ease;font-size:1rem}.download-section .download-btn i{font-size:1.2rem}.download-section .download-btn:hover{background-color:#6d0a21;transform:translateX(5px)}.focus-grid{display:flex;flex-direction:column;gap:1rem}.focus-card{background-color:hsl(0,0%,30%);padding:1.5rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:2px solid rgba(0,0,0,0)}.focus-card:hover{background-color:#6d0a21;transform:translateX(8px);border-color:#8b0e2a}.focus-card.active{background-color:#6d0a21;border-color:#fff;box-shadow:0 4px 12px rgba(109,10,33,.4)}.focus-card h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.focus-card .description{font-size:.85rem;color:hsl(0,0%,90%)}.resume-container{flex:1;display:flex;flex-direction:column;position:relative;overflow-y:auto}.resume-content{flex:1;max-width:900px;margin:0 auto;padding:2rem;width:100%}.resume-content .resume-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #6d0a21}.resume-content .resume-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem;transition:all .3s ease-out}.resume-content .resume-header .subtitle{color:#999;font-size:1.2rem;margin-top:0}.resume-content .resume-header .role-experience{color:#6d0a21;font-size:1rem;font-style:italic;margin:.5rem 0;min-height:2rem;transition:all .3s ease-out}.resume-content .resume-header .contact-info{margin:1rem 0;color:#666;font-size:.9rem}.resume-content .resume-header .contact-info a{color:#6d0a21;text-decoration:none;transition:color .2s}.resume-content .resume-header .contact-info a:hover{text-decoration:underline;color:#8b0e2a}.resume-content .tech-summary{margin:2rem 0;text-align:center;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.resume-content .tech-summary h3{color:#6d0a21;font-size:1rem;margin-bottom:.8rem}.resume-content .tech-summary #tech-tags-container{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;min-height:2rem}.resume-content .tech-tag{padding:.3rem .7rem;background-color:#e8e8e8;color:#666;border-radius:12px;font-size:.75rem;transition:all .35s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;transform:translateY(0) scale(1)}.resume-content .tech-tag.highlight{background-color:#6d0a21;color:#fff;font-weight:600;transform:scale(1.05);box-shadow:0 2px 8px rgba(109,10,33,.3)}.resume-content .experience{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:2rem;transition:all .35s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;transform:translateY(0) scale(1)}.resume-content .experience:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px) scale(1)}.resume-content .experience h2{font-size:1.8rem;margin-top:0;color:#6d0a21;margin-bottom:.3rem}.resume-content .experience h3{font-size:1.3rem;color:#333;margin:.5rem 0}.resume-content .experience h4{font-size:1rem;color:#999;margin:.3rem 0;font-weight:normal}.resume-content .experience h5{font-size:.9rem;color:#999;margin:.3rem 0;font-style:italic}.resume-content .experience .technologies{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.resume-content .experience .tech-badge{padding:.25rem .7rem;background-color:hsl(0,0%,90%);color:#333;border-radius:3px;font-size:.75rem;font-weight:normal;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.resume-content .experience .tech-badge.highlight{background-color:#6d0a21;color:#fff;transform:scale(1.08);box-shadow:0 2px 6px rgba(109,10,33,.25);font-weight:600}.resume-content .experience .description{margin:1rem 0;line-height:1.7;color:#444}.resume-content .experience .description .highlight-keyword{color:#6d0a21;font-weight:600;background-color:rgba(109,10,33,.08);padding:.1rem .25rem;border-radius:3px;transition:all .2s ease-out}.resume-content .experience .description .highlight-keyword:hover{background-color:rgba(109,10,33,.15)}.resume-content .experience hr{border:none;border-top:1px solid #ddd;margin:1.5rem 0 0 0}.resume-content .project{margin-top:1.5rem;padding-left:1.5rem;border-left:3px solid #6d0a21;transition:all .35s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;transform:translateY(0) scale(1)}.resume-content .project.hidden{opacity:0;display:none}.resume-content .project h4.project-name{font-size:1.1rem !important;color:#6d0a21 !important;margin-top:0 !important;margin-bottom:.5rem !important;font-weight:bold}.resume-content .project .project-meta{font-size:.85rem;color:#666;margin:.5rem 0;line-height:1.4}.resume-content .project .project-meta strong{color:#6d0a21;font-weight:600}.resume-content .project .technologies{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.resume-content .project .description{margin:1rem 0;line-height:1.7;color:#444}.resume-content .project .description .highlight-keyword{color:#6d0a21;font-weight:600;background-color:rgba(109,10,33,.08);padding:.1rem .25rem;border-radius:3px}.resume-content .project .description .highlight-keyword:hover{background-color:rgba(109,10,33,.15)}.resume-content .project hr.project-divider{border-color:#eee;margin:1rem 0}.download-panel{display:flex;gap:1rem;padding:1.5rem;background-color:#fff;border-top:2px solid rgb(222.5,222.5,222.5);justify-content:center}.download-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background-color:#6d0a21;color:#fff;text-decoration:none;border-radius:6px;font-size:.95rem;transition:all .3s}.download-btn span{font-size:1.2rem}.download-btn:hover{background-color:#8b0e2a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(109,10,33,.3)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.loading::after{content:"";animation:pulse 1.5s ease-in-out infinite}@media(max-width: 1024px){.container{flex-direction:column;height:auto;min-height:100vh}.back-to-home{padding:.75rem 1rem}.back-to-home a{font-size:.9rem}.focus-selector-panel{width:100%;padding:1.5rem 1rem;overflow-y:visible;box-shadow:none;border-bottom:2px solid hsl(0,0%,30%)}.focus-selector-panel h2{font-size:1.5rem}.focus-selector-panel .subtitle{font-size:.85rem}.role-filters{display:grid;grid-template-columns:repeat(2, 1fr);gap:.75rem}.role-card{flex-direction:column;text-align:center;padding:1rem;gap:.5rem}.role-card .role-icon{width:40px;height:40px;font-size:1.2rem}.role-card .role-info h4{font-size:1rem}.role-card .role-info p{font-size:.7rem}.tech-filters{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem}.tech-filter-btn{font-size:.75rem;padding:.5rem .75rem}.download-section .download-btn{font-size:.85rem;padding:.6rem 1rem}.resume-container{flex:1;overflow-y:auto;height:auto}.resume-content{padding:1.5rem 1rem}.resume-header h1{font-size:1.8rem}.resume-header .subtitle{font-size:.85rem}.resume-header .contact-info{font-size:.8rem}.tech-summary h3{font-size:1.1rem}.tech-summary .tech-tags{gap:.4rem}.tech-tag{font-size:.7rem;padding:.3rem .6rem}.experience h2{font-size:1.3rem}.experience h3{font-size:1.1rem}.experience h4{font-size:.9rem}.experience .description{font-size:.9rem;line-height:1.6}.project{padding-left:1rem}.project h4.project-name{font-size:1rem !important}.project .project-meta{font-size:.8rem}.download-panel{padding:1rem;gap:.75rem}.download-btn{font-size:.85rem;padding:.6rem 1rem}}@media(max-width: 480px){.role-filters{grid-template-columns:1fr}.tech-filters{grid-template-columns:repeat(2, 1fr)}.resume-header h1{font-size:1.5rem}.resume-header .subtitle{font-size:.8rem}.resume-header .contact-info{flex-direction:column;gap:.25rem;font-size:.75rem}.experience h2{font-size:1.2rem}.experience h3{font-size:1rem}.experience h4{font-size:.85rem}.download-panel{flex-direction:column}.download-panel .download-btn{width:100%;justify-content:center}}@media(max-width: 768px){.container{flex-direction:column}.focus-selector-panel{width:100%;height:40vh}.resume-container{height:60vh}}