.navbar{background-color:#1a1a2e;padding:1rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.navbar-logo{text-decoration:none;display:flex;align-items:center}.logo-text{color:#e94560;font-size:1.5rem;font-weight:700;letter-spacing:1px}.navbar-menu{display:flex}.navbar-links{display:flex;list-style:none;margin:0;padding:0}.navbar-links li{margin-left:2rem}.navbar-links a{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease;position:relative}.navbar-links a:hover{color:#e94560}.navbar-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#e94560;transition:width .3s ease}.navbar-links a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer}.menu-icon{display:block;position:relative;width:25px;height:3px;background-color:#fff;transition:background-color .3s ease}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:25px;height:3px;background-color:#fff;transition:transform .3s ease}.menu-icon:before{top:-8px}.menu-icon:after{top:8px}@media (max-width: 768px){.menu-toggle{display:block}.navbar-menu{position:absolute;top:100%;left:0;width:100%;background-color:#1a1a2e;flex-direction:column;align-items:center;padding:1rem 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.navbar-menu.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-links{flex-direction:column;width:100%}.navbar-links li{margin:0;text-align:center;padding:1rem 0}}.profile-section{padding:4rem 2rem;background-color:#f8f9fa}.profile-container{max-width:1200px;margin:0 auto;display:flex;gap:3rem;align-items:center}.profile-image-container{flex:0 0 300px}.profile-image{width:300px;height:300px;border-radius:50%;background-color:#e0e0e0;background-image:url(/profile.jpg);background-size:cover;background-position:center;box-shadow:0 10px 30px #0000001a;border:5px solid #fff}.profile-content{flex:1}.profile-content h1{font-size:2.5rem;color:#1a1a2e;margin-bottom:.5rem}.profile-content h2{font-size:1.5rem;color:#e94560;margin-bottom:1.5rem;font-weight:500}.profile-content p{margin-bottom:1rem;line-height:1.6;color:#333}.profile-skills{margin-top:2rem}.profile-skills h3{font-size:1.2rem;margin-bottom:1rem;color:#1a1a2e}.skills-container{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background-color:#e94560;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:transform .2s ease}.skill-tag:hover{transform:translateY(-3px)}@media (max-width: 768px){.profile-container{flex-direction:column;text-align:center}.profile-image-container{margin-bottom:2rem}.skills-container{justify-content:center}}.home-page{min-height:100vh}.hero-section{height:80vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 2rem;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-size:cover;background-position:center;opacity:.1;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px}.hero-content h1{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;animation:fadeInUp 1s ease}.hero-content p{font-size:1.2rem;color:#fffc;margin-bottom:2.5rem;animation:fadeInUp 1s ease .2s;animation-fill-mode:both}.hero-buttons{display:flex;gap:1rem;justify-content:center;animation:fadeInUp 1s ease .4s;animation-fill-mode:both}.btn{padding:.8rem 2rem;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-secondary{background-color:transparent;color:#fff;border:2px solid #fff}.btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-3px)}.featured-section{padding:5rem 2rem;background-color:#fff}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2rem;color:#1a1a2e;text-align:center;margin-bottom:3rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:#e94560}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.featured-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.featured-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.featured-image{height:200px;background-size:cover;background-position:center}.project-1{background-image:url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80)}.project-2{background-image:url(https://images.unsplash.com/photo-1518932945647-7a1c969f8be2?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80)}.project-3{background-image:url(https://images.unsplash.com/photo-1484417894907-623942c8ee29?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80)}.featured-content{padding:1.5rem}.featured-content h3{font-size:1.3rem;color:#1a1a2e;margin-bottom:.8rem}.featured-content p{color:#666;margin-bottom:1.2rem;line-height:1.5}.featured-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.featured-tags span{background-color:#f0f0f0;color:#666;padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.featured-link{display:inline-block;color:#e94560;font-weight:600;text-decoration:none;position:relative}.featured-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#e94560;transition:width .3s ease}.featured-link:hover:after{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.hero-buttons{flex-direction:column;gap:1rem}.featured-grid{grid-template-columns:1fr}}.about-page{padding:2rem;max-width:1200px;margin:0 auto}.about-header{text-align:center;margin-bottom:3rem;padding:2rem}.about-header h1{font-size:2.5rem;color:#1a1a2e;margin-bottom:1rem}.about-header p{max-width:800px;margin:0 auto;color:#666;line-height:1.6}.about-container{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:4rem}.about-image-container{display:flex;justify-content:center;align-items:flex-start}.about-image{width:100%;max-width:350px;height:450px;border-radius:8px;background-color:#e0e0e0;background-image:url(/profile.jpg);background-size:cover;background-position:center;box-shadow:0 10px 30px #0000001a}.about-content{color:#333}.about-content h2{font-size:1.8rem;color:#1a1a2e;margin-bottom:1.5rem;margin-top:2rem}.about-content h2:first-child{margin-top:0}.about-content p{margin-bottom:1.5rem;line-height:1.7}.skills-section{margin-top:2rem;padding:3rem;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a}.skills-section h2{font-size:2rem;color:#1a1a2e;margin-bottom:2rem;text-align:center}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.skill-category h3{font-size:1.3rem;color:#1a1a2e;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e94560}.skill-bars{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;align-items:center;gap:1rem}.skill-name{flex:0 0 100px;font-weight:500}.skill-bar{flex:1;height:10px;background-color:#f0f0f0;border-radius:5px;overflow:hidden}.skill-level{height:100%;background-color:#e94560;border-radius:5px}.skill-percentage{flex:0 0 40px;text-align:right;font-size:.9rem;color:#666}@media (max-width: 768px){.about-container{grid-template-columns:1fr}.about-image-container{margin-bottom:2rem}.about-image{height:350px}.skills-container{grid-template-columns:1fr;gap:2rem}}.algorithm-demo{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:2rem;margin-bottom:2rem}.algorithm-title{font-size:1.5rem;color:#1a1a2e;margin-bottom:1rem}.algorithm-description{color:#333;line-height:1.6;margin-bottom:1.5rem}.complexity-info{display:flex;gap:2rem;margin-bottom:1.5rem;background-color:#f8f9fa;padding:1rem;border-radius:6px}.complexity-item{display:flex;align-items:center}.complexity-label{font-weight:600;margin-right:.5rem;color:#1a1a2e}.complexity-value{font-family:Courier New,monospace;color:#e94560;font-weight:500}.algorithm-tabs{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem}.tab-button{padding:.75rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;position:relative}.tab-button:hover,.tab-button.active{color:#e94560}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#e94560}.code-container{border-radius:6px;overflow:hidden}.examples-container{display:flex;flex-direction:column;gap:1.5rem}.example-item{background-color:#f8f9fa;border-radius:6px;padding:1.5rem}.example-item h4{font-size:1.1rem;color:#1a1a2e;margin-bottom:1rem}.example-content{display:flex;flex-direction:column;gap:1rem}.example-input,.example-output,.example-explanation{background-color:#fff;padding:1rem;border-radius:4px;border-left:3px solid #e94560}.example-input h5,.example-output h5,.example-explanation h5{font-size:.9rem;color:#666;margin-bottom:.5rem}.example-input pre,.example-output pre{font-family:Courier New,monospace;background-color:#f1f1f1;padding:.5rem;border-radius:4px;overflow-x:auto}.example-explanation p{line-height:1.5;color:#333}.algorithms-page{padding:2rem;max-width:1200px;margin:0 auto}.algorithms-header{text-align:center;margin-bottom:3rem;padding:2rem;background-color:#f8f9fa;border-radius:8px}.algorithms-header h1{font-size:2.5rem;color:#1a1a2e;margin-bottom:1rem}.algorithms-header p{max-width:800px;margin:0 auto;color:#666;line-height:1.6}.algorithms-container{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.algorithms-page{padding:1rem}.algorithms-header h1{font-size:2rem}}.projects-page{padding:2rem;max-width:1200px;margin:0 auto}.projects-header{text-align:center;margin-bottom:3rem;padding:2rem}.projects-header h1{font-size:2.5rem;color:#1a1a2e;margin-bottom:1rem}.projects-header p{max-width:800px;margin:0 auto;color:#666;line-height:1.6}.projects-grid{display:flex;flex-direction:column;gap:4rem}.project-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column}.project-image{height:400px;background-size:cover;background-position:center}.ecommerce-img{background-image:url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80)}.algorithm-img{background-image:url(https://images.unsplash.com/photo-1518932945647-7a1c969f8be2?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80)}.task-api-img{background-image:url(https://images.unsplash.com/photo-1484417894907-623942c8ee29?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80)}.project-content{padding:2rem}.project-content h2{font-size:1.8rem;color:#1a1a2e;margin-bottom:1rem}.project-content p{color:#666;line-height:1.6;margin-bottom:2rem}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.project-tech h3,.project-features h3{font-size:1.2rem;color:#1a1a2e;margin-bottom:1rem}.project-tech ul,.project-features ul{list-style-type:none;padding:0}.project-tech li,.project-features li{color:#666;position:relative;padding:.5rem 0 .5rem 1.5rem}.project-tech li:before,.project-features li:before{content:"•";color:#e94560;font-weight:700;position:absolute;left:0}.project-links{display:flex;gap:1rem}.btn{padding:.8rem 2rem;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.btn-primary{background-color:#e94560;color:#fff}.btn-primary:hover{background-color:#d63651;transform:translateY(-3px)}.btn-outline{background-color:transparent;color:#1a1a2e;border:2px solid #1a1a2e}.btn-outline:hover{background-color:#1a1a2e;color:#fff;transform:translateY(-3px)}@media (max-width: 768px){.project-details{grid-template-columns:1fr;gap:1rem}.project-links{flex-direction:column}.project-image{height:250px}}.contact-page{padding:2rem;max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:3rem;padding:2rem}.contact-header h1{font-size:2.5rem;color:#1a1a2e;margin-bottom:1rem}.contact-header p{max-width:800px;margin:0 auto;color:#666;line-height:1.6}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 5px 15px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.contact-icon{width:60px;height:60px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;position:relative}.contact-icon:before{content:"";position:absolute;width:30px;height:30px;background-size:contain;background-repeat:no-repeat;background-position:center}.email-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23e94560"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>')}.location-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23e94560"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>')}.social-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23e94560"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>')}.contact-card h3{font-size:1.3rem;color:#1a1a2e;margin-bottom:.8rem}.contact-card p{color:#666}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.social-links a{color:#1a1a2e;text-decoration:none;font-weight:500;transition:color .3s ease}.social-links a:hover{color:#e94560}.contact-form-container{background-color:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 5px 15px #0000001a}.contact-form-container h2{font-size:1.8rem;color:#1a1a2e;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333}.required{color:#e94560}.form-group input,.form-group textarea,.form-group select{padding:.8rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#e94560;outline:none}.submit-btn{background-color:#e94560;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:1rem;align-self:flex-start}.submit-btn:hover{background-color:#d63651;transform:translateY(-3px)}.form-message{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.form-message.success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #2e7d32}.form-message.error{background-color:#ffebee;color:#c62828;border-left:4px solid #c62828}@media (max-width: 768px){.contact-container{grid-template-columns:1fr}.contact-info{order:2}.contact-form-container{order:1}.submit-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #e94560;--dark-color: #1a1a2e;--light-color: #f8f9fa;--text-color: #333;--text-light: #666;--border-color: #e0e0e0}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);line-height:1.5;background-color:var(--light-color)}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;width:100%}.footer{background-color:var(--dark-color);color:#fff;padding:2rem;margin-top:3rem;width:100%}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.footer{background-color:var(--dark-color);color:#fff;padding:2rem;margin-top:3rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}:focus{outline:3px solid var(--primary-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px;z-index:100;transition:top .3s ease}.skip-link:focus{top:0}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{width:100%;height:100%;margin:0;padding:0}body{display:flex;min-width:320px;min-height:100vh}#root{width:100%}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}}