body{margin:0;font-family:-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;background-color:#f4f4f4;color:#333}.App{text-align:center}.App-header{background-color:#282c34;padding:20px;color:#fff;margin-bottom:30px;box-shadow:0 2px 5px #0003}.App-header h1{margin:0}.projects-list{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.project-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:80%;max-width:600px;text-align:center;transition:transform .2s ease-in-out}.project-card:hover{transform:translateY(-5px)}.project-card h3{margin-top:0;color:#007bff}.tech-tags{margin-top:15px}.tag{background-color:#e0e0e0;border-radius:4px;padding:5px 10px;margin-right:5px;font-size:.9em;display:inline-block;margin-bottom:5px}@media(max-width:700px){.project-card{width:95%}}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh;position:relative;z-index:1;font-family:Bitcount Single Ink,sans-serif;text-align:center;padding:0 2rem}.home-container h1{font-size:4.5rem;margin:0;color:#fff;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 30px #00aaff}.home-container h2{font-size:2rem;margin:.5rem 0;color:#eaeaea;text-shadow:none}.home-container p{font-size:1.25rem;color:silver;margin-top:1.5rem;max-width:600px;line-height:1.6;font-family:Arial,sans-serif}@media(max-width:700px){.home-container{padding:0 1rem;height:80vh}.home-container h1{font-size:3rem}.home-container h2{font-size:1.5rem}.home-container p{font-size:1.1rem}}.star-nav-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.star-link{display:flex;align-items:center;text-decoration:none;position:absolute}.star-label{color:#fff;font-family:Bitcount Single Ink,sans-serif;font-size:1.5rem;margin-right:15px;opacity:0;transform:translate(10px);transition:opacity .3s ease,transform .3s ease;text-shadow:0 0 5px #fff}.star-link:hover .star-label{opacity:1;transform:translate(0)}.star-dot{width:10px;height:10px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px 3px #fff,0 0 20px 6px #0af,0 0 30px 10px #0af;animation:pulse-star 2.5s infinite ease-in-out}.star-link:nth-child(1){top:15%;left:15%}.star-link:nth-child(2){top:25%;left:70%}.star-link:nth-child(3){top:10%;left:80%}.star-link:nth-child(4){top:20%;left:30%}@media(max-width:700px){.star-label{font-size:1.2rem}.star-link:nth-child(1){top:10%;left:15%}.star-link:nth-child(2){top:15%;left:75%}.star-link:nth-child(3){top:5%;left:45%}.star-link:nth-child(4){top:22%;left:50%}}.home-link-container{position:fixed;top:30px;left:30px;z-index:1000}.home-link{display:flex;align-items:center;text-decoration:none}.home-label{color:#fff;font-family:Bitcount Single Ink,sans-serif;font-size:1.5rem;margin-left:15px;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease;text-shadow:0 0 5px #fff}.home-link:hover .home-label{opacity:1;transform:translate(0)}.home-star-dot{width:10px;height:10px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px 3px #fff,0 0 20px 6px #0af,0 0 30px 10px #0af;animation:pulse-star 2.5s infinite ease-in-out}@keyframes pulse-star{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.7}}.skills-container{width:90%;max-width:900px;margin:40px auto;padding:0 1rem;position:relative;z-index:1}.skills-title{font-family:Bitcount Single Ink,sans-serif;font-size:3.5rem;text-align:center;color:#fff;text-shadow:0 0 10px #fff,0 0 20px #00aaff;margin-bottom:20px}.cv-button-container{text-align:center;margin-bottom:40px}.cv-download-btn{font-family:Bitcount Single Ink,sans-serif;font-size:1.5rem;color:#1a1d2b;background-color:#50fa7b;border:none;border-radius:5px;padding:12px 20px;text-decoration:none;cursor:pointer;display:inline-block;transition:all .2s ease;box-shadow:0 0 15px #50fa7b}.cv-download-btn:hover{background-color:#fff;color:#1a1d2b;box-shadow:0 0 20px #fff}.skill-category{background-color:#1a1d2b;border:1px solid #333;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:0 4px 12px #0006}.skill-category h3{font-family:Bitcount Single Ink,sans-serif;font-size:2rem;color:#61dafb;margin-top:0;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:10px}.skill-tags{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{background-color:#333;color:#eaeaea;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;padding:8px 15px;border-radius:20px;border:1px solid #555}.experience-title{font-family:Bitcount Single Ink,sans-serif;font-size:3.5rem;text-align:center;color:#fff;text-shadow:0 0 10px #fff,0 0 20px #00aaff;margin-bottom:40px;margin-top:60px}.experience-list{display:flex;flex-direction:column;gap:30px}.job-card{background-color:#1a1d2b;border:1px solid #333;border-radius:8px;padding:25px;box-shadow:0 4px 12px #0006}.job-title{font-family:Bitcount Single Ink,sans-serif;font-size:2rem;color:#61dafb;margin:0}.job-company-date{font-family:Arial,sans-serif;font-size:1.1rem;color:#eaeaea;font-style:italic;margin-top:5px;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:15px}.job-description{font-family:Arial,sans-serif;font-size:1rem;line-height:1.6;color:silver}.job-description ul{padding-left:20px;margin-top:15px}.job-description li{margin-bottom:10px}.achievement-highlight{color:#50fa7b;font-weight:700}@media(max-width:700px){.skills-title,.experience-title{font-size:2.5rem}.cv-download-btn{font-size:1.2rem}.skill-category h3{font-size:1.5rem}.skill-tag{font-size:.9rem;padding:6px 12px}.job-title{font-size:1.5rem}.job-company-date{font-size:1rem}}.contact-container{width:90%;max-width:700px;margin:40px auto;padding:0 1rem;position:relative;z-index:1}.contact-container h2{font-family:Bitcount Single Ink,sans-serif;font-size:3.5rem;text-align:center;color:#fff;text-shadow:0 0 10px #fff,0 0 20px #00aaff;margin-bottom:40px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-family:Bitcount Single Ink,sans-serif;font-size:1.5rem;color:#eaeaea;margin-bottom:8px}.form-group input,.form-group textarea{background-color:#1a1d2b;border:1px solid #333;border-radius:5px;padding:12px;color:#fff;font-family:Arial,sans-serif;font-size:1rem}.form-group textarea{min-height:150px;resize:vertical}.form-button{font-family:Bitcount Single Ink,sans-serif;font-size:1.5rem;color:#1a1d2b;background-color:#61dafb;border:none;border-radius:5px;padding:12px 20px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 0 10px #61dafb}.form-button:hover{background-color:#fff;box-shadow:0 0 15px #fff}.form-button:disabled{background-color:#555;color:#999;cursor:not-allowed;box-shadow:none}.status-message{text-align:center;font-family:Arial,sans-serif;font-size:1.1rem;color:#50fa7b;margin-top:20px}.status-message.error{color:#f55}.social-links{text-align:center;margin-bottom:40px}.social-link-btn{font-family:Bitcount Single Ink,sans-serif;font-size:1.5rem;color:#fff;background-color:#0077b5;border:1px solid #0077b5;border-radius:5px;padding:12px 20px;text-decoration:none;cursor:pointer;display:inline-block;transition:all .2s ease;box-shadow:0 0 10px #0077b5}.social-link-btn:hover{background-color:#fff;color:#0077b5;box-shadow:0 0 15px #fff}@media(max-width:700px){.details-container h2{font-size:2.5rem}}.starry-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.star{position:absolute;background-color:#fff;border-radius:50%;animation:shine 5s infinite}@keyframes shine{0%,to{opacity:.1}50%{opacity:.8}}.social-links-container{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:row;align-items:center;gap:30px}.social-link{color:#fff;font-size:1.8rem;text-decoration:none;text-shadow:0 0 8px #fff,0 0 15px #00aaff;animation:pulse-opacity 2.5s infinite ease-in-out;transition:transform .2s ease,opacity .2s ease;will-change:opacity,transform}.social-link:hover{transform:scale(1.3);opacity:1;animation-play-state:paused}@keyframes pulse-opacity{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@font-face{font-family:Bitcount Single Ink;src:url(/fonts/BitcountSingleInk.ttf) format("truetype");font-weight:400;font-style:normal}body{background-color:#0c0f1a;color:#eaeaea}