:root{font-family:Inter,system-ui,Avenir,Helvetica,Futura,sans-serif;line-height:1.5;font-weight:400;--primary-color: #9df9ef;--secondary-color: #f5f6ea;--accent-color: #ffa8B6;--background-color: #51e2f5;--footer-color: #a28089;--nav-text-color: #38027f;--hover-color: #035068;--text-color: #242424;color-scheme:light dark;color:#ffffffde;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--nav-text-color);text-decoration:inherit;transition:color .3s}a:hover,a:focus{color:var(--hover-color)}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--background-color);color:var(--text-color);cursor:pointer;transition:border-color .25s,background-color .3s,color .3s}button:hover{border-color:var(--primary-color);background-color:var(--hover-color);color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}nav{background-color:var(--accent-color);padding:.5rem 1rem;display:flex;justify-content:space-evenly}nav a{color:var(--nav-text-color);text-decoration:none;font-size:1.2rem}nav a.active,nav a:hover{color:var(--hover-color);font-weight:700}@media (prefers-color-scheme: light){:root{color:var(--text-color);background-color:var(--secondary-color)}a:hover{color:var(--hover-color)}button{background-color:var(--primary-color)}}.header{background-image:url(/assets/PortfolioSkyFinal4.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:200px;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding-bottom:2.5rem;position:relative;z-index:1}.energy-pulse{position:absolute;top:60px;left:50%;transform:translate(-50%);width:10px;height:2px;background:linear-gradient(to right,#fff0,#ffffffe6,#fff0);opacity:0;animation:flash-wave 7s ease-in-out infinite;z-index:2;pointer-events:none;filter:blur(2px)}@keyframes flash-wave{0%{transform:translate(-50%) scaleX(.1);opacity:0}5%{opacity:1}10%{transform:translate(-50%) scaleX(2);opacity:.9}20%{transform:translate(-50%) scaleX(4);opacity:.5}30%{transform:translate(-50%) scaleX(6);opacity:.2}to{transform:translate(-50%) scaleX(8);opacity:0}}.header h1{font-size:3rem;margin:-2rem 0 0;font-weight:700;color:#0e3a57;text-shadow:1px 1px 3px rgba(255,255,255,.3);margin:0}.header p{font-size:1.2rem;font-weight:500;color:#2a3e4f;margin:.75rem 0 0;opacity:.9}.navigation{display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#ffc5d0,#f5f6ea);padding:.75rem 0;border-top:2px solid #ffe6ea;width:100%;list-style:none;margin:0;position:relative;z-index:2}.navigation ul{display:flex;list-style:none;padding:0;margin:0}.navigation li{margin:0 1.25rem}.navigation a{color:#38027f;text-decoration:none;font-size:1.1rem;font-weight:700;transition:color .3s}.navigation a:hover,.navigation a.active{color:#035068}@media (max-width: 768px){.navigation ul{flex-direction:column}.navigation li{margin:.5rem 0}.header h1{font-size:2.2rem}.header p{font-size:1rem}}footer{background-color:var(--footer-color);color:#fff;text-align:center;padding:1rem;margin-top:auto}footer a{color:#fff;text-decoration:none;margin:0 1rem;font-size:1rem;transition:color .3s ease}footer a:hover{color:var(--hover-color)}.about-me{background-color:#f5f6ea;padding:3rem 1rem;display:flex;justify-content:center;align-items:center}.about-me-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;max-width:1000px;display:flex;flex-wrap:wrap;align-items:flex-start;overflow:hidden;gap:2rem;padding:2rem}.about-me-image-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;text-align:center;padding-top:2.5rem}.about-me-image{width:240px;height:auto;border-radius:12px;object-fit:cover;border-right:3px solid #38027f}.about-me-links{display:flex;flex-direction:column;align-items:center;gap:.4rem}.about-me-links a{color:#38027f;font-weight:700;text-decoration:none;transition:color .3s ease;font-size:1rem}.about-me-links a:hover{color:#035068}.about-me-content{flex:1;min-width:280px}.about-me-content h2{color:#035068;text-align:center;margin-bottom:1rem}.about-me-content p{color:#242424;line-height:1.6}@media (max-width: 768px){.about-me-card{flex-direction:column;align-items:center;text-align:center}.about-me-image{border-right:none;border-bottom:3px solid #38027f}.about-me-content h2{text-align:center}.about-me-links{flex-direction:row;gap:1.5rem;margin-top:1rem}.about-me-links a{font-size:1rem}}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center;padding:0 20px;max-width:1200px;margin:0 auto}.project-wrapper{text-align:center;width:100%;max-width:360px;margin:0 auto}.project-card{position:relative;width:100%;max-width:360px;height:340px;background-color:#eaeaea;border-radius:8px;overflow:hidden;background-size:cover;background-position:10% top;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;margin:0 auto}.project-title-overlay{position:absolute;top:10px;left:45%;transform:translate(-45%);background-color:#0000008c;color:#fff;padding:4px 10px;border-radius:4px;font-size:.9rem;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;text-align:center}.project-links-overlay{position:absolute;bottom:10px;left:45%;transform:translate(-45%);display:flex;gap:10px;z-index:2}.project-links-overlay a{text-decoration:none;color:#fff;font-weight:600;font-size:.8rem;background-color:#0009;padding:5px 10px;border-radius:4px;transition:background-color .3s ease}.project-links-overlay a:hover{background-color:#ffffff4d}.project-subtitle{font-size:1rem;font-style:italic;color:#444;margin-top:10px;opacity:.9}@media (max-width: 1024px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.project-grid{grid-template-columns:1fr}.project-title-overlay{font-size:.85rem;padding:4px 8px}.project-links-overlay{flex-direction:column;align-items:center}}.portfolio{background-color:#f5f6ea;padding:1.5rem 2rem 3rem;text-align:center}.portfolio h2{color:#035068;font-size:2.5rem;margin:1rem 0}.contact{background-color:#f5f6ea;padding:3rem 2rem;text-align:center}.contact h2{color:#035068!important;font-size:2.5rem;margin-bottom:2rem}.contact form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.contact label{font-size:1rem;color:#242424;text-align:left;margin-bottom:.5rem}.contact input,.contact textarea{width:100%;padding:.8rem;border:1px solid #38027f;border-radius:5px;font-size:1rem;color:#242424;background-color:#fff}.contact textarea{resize:vertical;min-height:100px}.contact button{background-color:#035068!important;color:#f5f6ea;border:none;padding:.8rem 1.5rem;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:background-color .3s,transform .2s}.contact button:hover{background-color:#38027f;transform:scale(1.05)}body{background-color:#f5f6ea;color:#56ddf8}.resume{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:70vh;padding:30px 20px;background-color:var(--secondary-color);color:var(--text-color)}.resume h2{text-align:center;font-size:2.5rem;margin-top:10px;margin-bottom:10px;color:#035068}.resume h3{font-size:2rem;margin-top:20px;color:#035068}.card{background-color:#fff;border:2px solid #035068;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;margin:20px;text-align:center;color:#333;font-size:1.2rem}.proficiency-container{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;margin-top:30px;width:100%;max-width:1200px}.large-card{grid-column:2 / 3}.small-card{grid-column:span 1}.resume ul{list-style-type:none;padding:0}.resume ul li{font-size:1.2rem;margin-bottom:10px}.resume a{color:#035068;font-weight:700;text-decoration:none;margin-bottom:2rem}.resume a:hover{text-decoration:underline}.resume-download-box{background-color:#19bdc5;color:#fff;text-align:center;padding:40px 20px;border-radius:12px;margin:40px auto;max-width:700px;box-shadow:0 8px 16px #0000001a}.resume-download-box h3{font-size:28px;margin-bottom:10px}.resume-download-box p{font-size:18px;margin-bottom:20px}.resume-download-button{background-color:#fff;color:#2e8b75;font-weight:700;padding:12px 24px;border-radius:8px;text-decoration:none;transition:background-color .3s ease;box-shadow:0 8px 16px #0080804d}.resume-download-button:hover{background-color:#d1f5eb}