#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;position:relative;overflow-x:hidden;min-height:100vh}.app-wrapper{position:relative;min-height:100vh;width:100%}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(15deg,#1a1a1a 0%,#d2d2d0 10%);overflow:hidden}.floating-shape{position:absolute;border-radius:50%;opacity:.5;background:linear-gradient(45deg,#b79421,rgba(183,148,33,.6));animation:float 20s infinite;box-shadow:0 0 50px #b7942133}.shape1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s;background:linear-gradient(45deg,#1a1a1a,#d2d2d0)}.shape2{width:200px;height:200px;top:60%;right:15%;animation-delay:-5s;background:linear-gradient(-45deg,#1a1a1a,#d2d2d0)}.shape3{width:150px;height:150px;bottom:20%;left:20%;animation-delay:-10s;background:linear-gradient(135deg,#1a1a1a,#d2d2d0)}.shape4{width:50px;height:250px;top:30%;right:30%;animation-delay:-15s;background:linear-gradient(-135deg,rgba(183,148,33,.9),#b79421)}@keyframes float{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}.app-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 30px #0000001a}.two-column-layout{display:flex;gap:2rem;margin-top:2rem}.projects-column{flex:1;min-width:0}.info-column{flex:0 0 400px;display:flex;flex-direction:column;gap:2rem}@media (max-width: 1024px){.two-column-layout{flex-direction:column}.info-column{flex:1;width:100%}}.section-title{color:#4b4c4d;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.testimonial-section{margin:4rem auto;padding:0 1rem}.testimonial-card{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;max-width:800px;margin:0 auto;text-align:left;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-title{color:#4b4c4d;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.testimonial-content,.testimonial-card p{color:#454441;font-size:1.1rem;line-height:1.8}.testimonial-author{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.3rem}.testimonial-author strong{color:#4b4c4d;font-size:1.1rem}.testimonial-author span{color:#a29f99;font-size:.9rem}.contact-section{margin:4rem auto;text-align:center}.section-title{color:#4b4c4d;font-size:2rem;margin-bottom:2rem}.contact-email{margin-bottom:3rem}.contact-email a{color:#4b4c4d;font-size:1.4rem;text-decoration:none;transition:color .3s ease}.contact-email a:hover{color:#d4ad2c}.contact-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-card{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;min-width:250px;flex:1;max-width:350px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease;overflow:hidden}.contact-card:nth-child(2):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,153,51,.3) 33.33%,rgba(255,255,255,.3) 33.33% 66.66%,rgba(19,136,8,.3) 96.66%)}.contact-card:nth-child(1):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 40%,#c00 40%,#c00 60%,transparent 60%),linear-gradient(90deg,transparent 45%,#c00 45%,#c00 55%,transparent 55%),linear-gradient(transparent 33.33%,#fff 33.33%,#fff 66.66%,transparent 66.66%),linear-gradient(90deg,transparent 41.66%,#fff 41.66%,#fff 58.33%,transparent 58.33%),linear-gradient(26.56505117707799deg,transparent 46.666%,#c00 46.666%,#c00 50%,transparent 50%),linear-gradient(-26.56505117707799deg,transparent 50%,#c00 50%,#c00 53.333%,transparent 53.333%),linear-gradient(26.56505117707799deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%),linear-gradient(-26.56505117707799deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%);background-color:#006;opacity:.2}.contact-card:hover{transform:translateY(-5px)}.contact-card h3{color:#362a02;font-size:1.3rem;font-display:block;font-size:larger;margin-bottom:1.5rem;position:relative;z-index:1}.contact-card address{color:#412c03;font-weight:500;line-height:1.6;font-size:1.1rem;position:relative;z-index:1}.main-header{margin-bottom:3rem;padding:2rem 0}.logo-header{display:flex;align-items:center;justify-content:flex-start;gap:2rem;margin-bottom:2rem}.header-text{display:flex;flex-direction:column;justify-content:center;height:auto}.main-header h1{font-size:2rem;color:#343022;margin:0;text-align:left;line-height:1.2}.header-description{color:#666;margin:.5rem 0 0;text-align:left;font-size:1.1rem}.main-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 2em #b79421);border-radius:10%;margin:0}@media (max-width: 600px){.main-header{padding:1rem 0;margin-bottom:1rem}.logo-header{gap:.75rem}.main-logo{width:56px;height:56px}.main-header h1{font-size:1.25rem;line-height:1.1}.projects-column .section-title{margin-top:.75rem;margin-bottom:1rem;text-align:left}.testimonial-content{max-height:28vh;overflow-y:auto;padding-right:.5rem;-webkit-overflow-scrolling:touch}.testimonial-content::-webkit-scrollbar{width:8px}.testimonial-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:8px}}.project-card{background:#5a59557e;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a;text-align:left;transition:all .3s ease;cursor:pointer;width:100%;max-width:1000px;margin-left:auto;margin-right:auto;box-sizing:border-box;min-height:80px}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.skill-card{background:#27251691!important}.skill-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.project-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem}.project-header h2{font-size:1.4rem;color:#2c3e50;margin:0;flex:1}.toggle-icon{font-size:1.5rem;color:#4a4a4a;font-weight:700;padding:0 .5rem}.project-description{margin-top:1.2rem;padding:1.2rem;border-top:1px solid rgba(0,0,0,.1);line-height:1.6;color:#2b2b2b;animation:fadeIn .3s ease;width:100%;box-sizing:border-box;overflow-wrap:break-word;background:rgba(235,235,235,.859);border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-card h2{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem}.project-card p{color:#555;line-height:1.6;font-size:1.1rem}.tech-prowess-section{background:rgba(255,255,255,.13);border-radius:18px;box-shadow:0 4px 24px #b7942114;padding:2rem 1.5rem;margin-bottom:2rem;margin-top:2rem}.tech-prowess-section .section-title{color:#b79421;font-size:1.5rem;margin-bottom:1.2rem;text-align:left}.tech-skills h3{color:#dcdcdc;font-size:1.15rem;margin-top:1.2rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.tech-icon{font-size:1.3em;vertical-align:middle;margin-right:.2em}.tech-skills ul{margin:0 0 1rem;padding-left:1.2rem}.tech-skills li{color:#454441;font-size:1rem;margin-bottom:.4rem;line-height:1.6}.tech-skills strong{color:#b79421}@media (max-width: 600px){.tech-prowess-section{padding:1rem .5rem;margin-top:1rem;margin-bottom:1rem}.tech-prowess-section .section-title{font-size:1.15rem;margin-bottom:.7rem}.tech-skills h3{font-size:1rem;margin-top:.8rem;margin-bottom:.3rem}.tech-icon{font-size:1.1em;padding-left:5%}.tech-skills li{font-size:.95rem;margin-bottom:.3rem}.projects-list h3{font-size:1rem;margin-top:.8rem;margin-bottom:.3rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}