:root{font-family: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}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}}#root{width:100%;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-color: #1DCD9F;--secondary-color: #169976;--background-color: #000000;--text-color: #FFFFFF;--heading-color: #1DCD9F;--border-color: #222222;--hover-color: #169976;--card-bg: #1A1A1A;--content-bg: rgba(34, 34, 34, .75);--content-border: rgba(255, 255, 255, .1);--content-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);line-height:1.6;background-color:var(--background-color)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.container{width:100%;padding:0 4rem}section{width:100%;padding:5rem 2rem;background:linear-gradient(135deg,var(--background-color) 0%,var(--card-bg) 100%)}.content-box{background-color:var(--content-bg);padding:2rem;border-radius:8px;box-shadow:var(--content-shadow);margin-bottom:2rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--content-border);position:relative;overflow:hidden}.content-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#2220);pointer-events:none}h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin-bottom:1rem}h2{font-size:2.5rem;text-align:center;margin-bottom:3rem}p{color:var(--text-color)}.primary-btn{background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:5px;text-decoration:none;display:inline-block;transition:background-color .3s ease}.primary-btn:hover{background-color:var(--hover-color)}.secondary-btn{background-color:transparent;color:var(--primary-color);padding:.75rem 1.5rem;border-radius:5px;text-decoration:none;display:inline-block;border:1px solid var(--primary-color);transition:all .3s ease}.secondary-btn:hover{background-color:var(--primary-color);color:#fff}@media (max-width: 768px){.container{padding:0 2rem}section{padding:3rem 1rem}h2{font-size:2rem}}.navbar{position:fixed;top:0;left:0;right:0;background-color:#000000f2;padding:1rem 0;box-shadow:0 2px 4px #1dcd9f1a;z-index:1000;width:100%;border-bottom:1px solid var(--border-color)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar-brand a{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s ease;font-size:1.1rem}.nav-links a:hover{color:var(--primary-color)}@media (max-width: 768px){.nav-links{gap:1rem}.nav-links a{font-size:1rem}}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--background-color) 0%,var(--card-bg) 100%);padding-top:80px;width:100%}.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.hero-grid{display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:center}.hero-image{display:flex;justify-content:center;align-items:center;order:2}.hero-image img{width:400px;height:400px;border-radius:50%;object-fit:cover;box-shadow:0 0 20px #1dcd9f33;transition:transform .3s ease;margin-bottom:10rem}.hero-image img:hover{transform:scale(1.02)}.hero-text{text-align:left;order:1}.hero h1{font-size:3.5rem;margin-bottom:1rem;line-height:1.2;color:var(--text-color)}.hero h2{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem}.hero p{font-size:1.25rem;margin-bottom:2rem;color:var(--text-color)}.highlight{color:var(--primary-color)}.cta-buttons{display:flex;gap:1rem;margin-bottom:2rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:var(--text-color);font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:var(--primary-color)}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-text{text-align:center;order:2}.hero-image{order:1}.hero-image img{width:250px;height:250px}.hero h1{font-size:2.5rem}.hero h2{font-size:1.5rem}.hero p{font-size:1rem}.cta-buttons{justify-content:center;flex-direction:column;gap:.5rem}.social-links{justify-content:center}}.about{background-color:#f8f9fa}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text{font-size:1.1rem;background-color:var(--content-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.about-text p{margin-bottom:1.5rem}.about-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.detail-item{background-color:var(--content-bg);padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s ease}.detail-item:hover{transform:translateY(-5px)}.detail-item h3{color:var(--heading-color);margin-bottom:.5rem}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:2rem}.about-text{font-size:1rem}.detail-item{padding:1rem}}.skills{background-color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.skill-category{text-align:center;background-color:var(--content-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.skill-category h3{color:var(--heading-color);font-size:1.5rem;margin-bottom:2rem}.skill-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.skill-item{background-color:#131212;padding:1rem;border:1px solid var(--primary-color);border-radius:8px;transition:all .3s ease}.skill-item:hover{background-color:var(--primary-color);color:var(--text-color);transform:translateY(-3px)}@media (max-width: 768px){.skills-grid{gap:2rem}.skill-category h3{font-size:1.25rem;margin-bottom:1.5rem}.skill-items{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.projects{background-color:#f8f9fa}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background-color:var(--content-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-image{width:100%;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s 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:1rem;color:var(--heading-color)}.project-content p{color:var(--text-color);margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background-color:var(--card-bg);color:var(--text-color);padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.project-links{display:flex;gap:1rem}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-image{height:180px}.project-content{padding:1rem}}.contact{background-color:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{text-align:left;background-color:var(--content-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.contact-info h3{font-size:2rem;margin-bottom:1rem;color:var(--heading-color)}.contact-info p{font-size:1.1rem;margin-bottom:2rem;color:var(--text-color)}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-item i{font-size:1.5rem;color:var(--heading-color)}.contact-item a,.contact-item span{color:var(--text-color);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--heading-color)}.contact-form{background-color:var(--content-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:#2e2d2d;color:var(--text-color);transition:border-color .3s ease}.form-group textarea{min-height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--heading-color)}.submit-btn{background-color:var(--heading-color);color:var(--text-color);padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;width:100%}.submit-btn:hover{background-color:var(--hover-color)}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info h3{font-size:1.5rem}.contact-info p{font-size:1rem}.contact-form{padding:1.5rem}}