*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e0e0e0;background-color:#0d1116;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:0 40px}header{color:#fff;text-align:center;background-color:#0d1116;border-bottom:1px solid #21262d;padding:80px 40px}header h1{letter-spacing:-.8px;margin-bottom:12px;font-size:2.8em;font-weight:600}header p{color:#8b949e;font-size:1.2em;font-weight:400}.social-links{justify-content:center;gap:30px;margin-top:30px;display:flex}.social-links a{color:#58a6ff;align-items:center;gap:8px;font-size:.95em;font-weight:500;text-decoration:none;transition:color .15s ease-in-out;display:flex}.navigation-header{justify-content:center;gap:30px;width:100%;margin-top:20px;margin-bottom:40px;list-style:none;display:flex}.navigation-header ul{justify-content:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.social-links a svg{flex-wrap:wrap;justify-content:center;gap:50px;font-size:1.2em}nav a{color:#8b949e;font-size:1em;font-weight:500;text-decoration:none;transition:color .15s ease-in-out}nav a:hover{color:#5000ca}section{border-bottom:1px solid #21262d;padding:60px 0}section:last-of-type{border-bottom:none}h2{color:#f0f6fc;letter-spacing:-.5px;margin-bottom:35px;font-size:2em;font-weight:600}h3{color:#f0f6fc;margin-bottom:8px;font-size:1.25em;font-weight:600}p{color:#8b949e;margin-bottom:15px;font-size:.95em;line-height:1.8}ul{margin-bottom:20px;margin-left:20px}li{color:#8b949e;margin-bottom:10px;font-size:.95em;line-height:1.8}a{color:#5000ca;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#7928ca}#skills ul{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-left:0;list-style:none;display:grid}#skills li{color:#79c0ff;text-align:center;background:#58a6ff0d;border:1px solid #58a6ff33;border-radius:6px;margin-bottom:0;padding:12px 16px;font-size:.9em;font-weight:500;transition:all .15s ease-in-out}#skills li:hover{color:#58a6ff;background:#58a6ff1a;border-color:#58a6ff66}#projects ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-left:0;list-style:none;display:grid}#projects li{background:#0d1116;border:1px solid #21262d;border-radius:6px;margin-bottom:0;padding:20px;transition:all .15s ease-in-out}#projects li:hover{background:#5000ca0d;border-color:#5000ca}#projects li a{color:#58a6ff;font-size:1em;font-weight:500}#projects li a:hover{color:#79c0ff}.work-item{background:#0d1116;border:1px solid #21262d;border-left:3px solid #5000ca;border-radius:6px;margin-bottom:16px;padding:24px;transition:all .15s ease-in-out}.work-item:hover{background:#5000ca08;border-color:#5000ca}.work-item h3{color:#f0f6fc;margin-top:0;margin-bottom:6px}.work-item .date{color:#6e7681;margin-bottom:15px;font-size:.9em}.work-item ul{margin-left:20px;list-style-type:disc}.work-item li{color:#8b949e;margin-bottom:8px}.resume-btn{border:1px solid #58a6ff;border-radius:6px;padding:8px 16px;font-size:.95em;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-block;color:#58a6ff!important}.resume-btn:hover{background-color:#58a6ff1a;border-color:#79c0ff;color:#79c0ff!important}footer{color:#6e7681;text-align:center;background-color:#0d1116;border-top:1px solid #21262d;margin-top:auto;padding:40px;font-size:.9em}.footer-content{flex-direction:column;align-items:center;gap:20px;display:flex}.footer-links{justify-content:center;gap:30px;display:flex}.footer-links a{color:#58a6ff;font-weight:500;text-decoration:none;transition:color .15s ease-in-out}.footer-links a:hover{color:#79c0ff}footer p{color:#6e7681;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 10px #5000ca4d}50%{box-shadow:0 0 20px #5000ca99}}.skills-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;animation:.6s ease-out slideInUp;display:grid}.skills-category{animation:.8s ease-out slideInUp}.skills-category h3{color:#58a6ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:1.3em;font-weight:600}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;display:grid}.skill-card{cursor:pointer;background:linear-gradient(135deg,#58a6ff0d 0%,#5000ca0d 100%);border:2px solid #58a6ff33;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:20px 15px;transition:all .3s;display:flex;position:relative;overflow:hidden}.skill-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.skill-card:hover:before{left:100%}.skill-card:hover{background:linear-gradient(135deg,#58a6ff26 0%,#5000ca26 100%);border-color:#58a6ff;animation:3s ease-in-out infinite float;transform:translateY(-8px)scale(1.05);box-shadow:0 12px 24px #58a6ff40,0 0 20px #5000ca4d}.skill-icon{color:#58a6ff;margin-bottom:10px;font-size:2.5em;transition:all .3s}.skill-card:hover .skill-icon{color:#79c0ff;font-size:3em;animation:2s ease-in-out infinite glow}.skill-name{color:#e0e0e0;text-align:center;font-size:.95em;font-weight:600;transition:color .3s}.skill-card:hover .skill-name{color:#79c0ff}
