:root{--color-coral: #e85d75;--color-coral-dark: #c94d63;--color-teal: #5fc4c4;--color-teal-dark: #4a9b9b;--color-yellow: #f4c455;--color-yellow-dark: #d4a73d;--color-navy: #2d3e5f;--color-navy-light: #3d4e6f;--color-bg: #f5f2ed;--color-white: #ffffff;--color-gray: #8a8a8a;--color-gray-light: #d4d4d4;--color-black: #2d2d2d}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-black);font-family:Courier New,Courier,monospace;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle,var(--color-gray-light) 1px,transparent 1px);background-size:20px 20px}a{color:inherit;text-decoration:none}app-root{display:flex;flex-direction:column;max-width:1024px;margin:0 auto;min-height:100vh}.section-title{font-size:2rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;color:var(--color-navy);display:block}app-separator{display:block;margin:2.5rem auto;width:40%}app-separator .separator{height:4px;background:var(--color-navy);border:2px solid var(--color-black)}app-body{display:block;padding:1rem;flex:1}app-body section{padding:2rem 0}.about{padding-bottom:2rem}.about-top{display:flex;justify-content:space-between;align-items:center;gap:2rem}.about-info{font-size:1.25rem;line-height:1.8}.welcome{color:var(--color-coral);font-size:3rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.5rem}.profile-photo{height:280px;border:4px solid var(--color-black);box-shadow:8px 8px 0 var(--color-teal-dark);border-radius:4px}.about-bottom,.about-cta{margin-top:1.5rem}.projects-grid{display:flex;flex-direction:column;gap:2rem}.project-content{display:flex;flex-direction:column;gap:.75rem}.project-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-content p{font-size:.875rem;font-weight:400;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-links{display:flex;gap:.5rem;margin-top:.25rem}.project-links a{text-decoration:none}.project-image{width:64px;height:64px;object-fit:contain;border:3px solid var(--color-black);border-radius:4px;margin-top:.5rem}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem}.skill-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;min-width:100px}.skill-icon{font-size:2.5rem;color:var(--color-navy)}.skill-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.work-content{display:flex;gap:1rem;align-items:flex-start}.work-logo{width:48px;height:48px;border:3px solid var(--color-black);border-radius:4px;object-fit:contain;flex-shrink:0}.work-details{display:flex;flex-direction:column;gap:.25rem}.work-company{font-size:.875rem}.work-designation{font-size:.8rem;color:var(--color-gray)}.work-description{font-size:.8rem;font-weight:400;line-height:1.6;margin-top:.5rem}.contact-container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.contact-left{display:flex;flex-direction:column;gap:1rem}.contact-message{font-size:1rem;font-weight:400;line-height:1.6}.download-link{text-decoration:none}.social-contact{display:flex;gap:.75rem;flex-wrap:wrap}.social-icon{width:32px;height:32px;border:2px solid var(--color-black);border-radius:4px;padding:4px;background:var(--color-white);transition:all 75ms}.social-icon:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--color-black)}app-footer{display:block;padding:1.5rem 1rem;text-align:center;font-size:.75rem;border-top:4px solid var(--color-black);margin-top:2rem}app-footer a{color:var(--color-coral);text-decoration:underline}app-footer .footer-lines{display:flex;flex-direction:column;gap:.25rem}app-body section{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}app-body section.visible{opacity:1;transform:translateY(0)}.scroll-top-btn{position:fixed;bottom:2rem;right:2rem;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.scroll-top-btn.visible{opacity:1;pointer-events:auto}@media(max-width:1024px){app-root{width:90%}.welcome{font-size:2.5rem}.about-info{font-size:1.1rem}.profile-photo{height:220px}}@media(max-width:768px){app-root{width:95%}.about-top{flex-direction:column;text-align:center}.welcome{font-size:2rem}.about-info{font-size:1rem}.profile-photo{height:200px}.contact-container{flex-direction:column;text-align:center}.work-content{flex-direction:column;align-items:center;text-align:center}.skills-grid,.social-contact{justify-content:center}.about-bottom,.about-cta{display:flex;justify-content:center}.contact-left{align-items:center}}@media(max-width:512px){app-root{width:100%}}