*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;color:#e0e6ed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{background:linear-gradient(135deg,#0f0c1d,#1a1033 25%,#0d1b2a 50%,#0a0e1a 75%,#050510);min-height:100vh;overflow-x:hidden;position:relative}.App:before{background:radial-gradient(circle at 20% 50%,#8a2be226 0,#0000 50%),radial-gradient(circle at 80% 80%,#00bfff1a 0,#0000 50%),radial-gradient(circle at 40% 20%,#00ffff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.container{margin:0 auto;max-width:1200px;padding:60px 20px;position:relative;z-index:1}.nav{border-bottom:1px solid #8a2be233;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:60px;padding-bottom:0}.nav-button{background:none;border:none;border-bottom:2px solid #0000;color:#8b9dc3;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:.5px;padding:16px 24px;position:relative;transition:all .3s ease}.nav-button:hover{background:#00d9ff0d;color:#00d9ff}.nav-button.active{background:#00d9ff14;border-bottom:2px solid #00d9ff;box-shadow:0 0 20px #00d9ff33;color:#00d9ff}.content{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{margin:0 auto;max-width:900px}.section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d9ff,#8a2be2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;letter-spacing:-1px;margin-bottom:32px}.section h2{color:#00d9ff;font-size:28px;font-weight:600;margin:40px 0 20px}.profile-container{display:flex;justify-content:center;margin-bottom:32px}.profile-image{border:4px solid #00d9ff4d;border-radius:50%;box-shadow:0 0 40px #00d9ff66,0 0 80px #8a2be233;height:200px;object-fit:cover;transition:all .3s ease;width:200px}.profile-image:hover{box-shadow:0 0 60px #00d9ff99,0 0 120px #8a2be24d;transform:scale(1.05)}.bio{color:#b8c5d6;font-size:18px;line-height:1.8;margin-bottom:40px}.tech-stack{margin-top:48px}.tech-grid{display:flex;flex-wrap:wrap;gap:12px}.tech-badge{background:#8a2be226;border:1px solid #8a2be24d;border-radius:6px;color:#00d9ff;font-size:14px;font-weight:500;letter-spacing:.5px;padding:8px 16px;transition:all .3s ease}.tech-badge:hover{background:#8a2be240;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translateY(-2px)}.certifications{margin-top:48px}.certifications p{color:#b8c5d6;font-size:16px;line-height:1.8}.links-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:32px}.link-card{background:#0f0c1d99;border:1px solid #8a2be233;border-radius:12px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.link-card:before{background:linear-gradient(135deg,#00d9ff0d,#8a2be20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.link-card:hover{border-color:#00d9ff;box-shadow:0 8px 32px #00d9ff33;transform:translateY(-4px)}.link-card:hover:before{opacity:1}.link-card h3{color:#00d9ff;font-size:20px;margin-bottom:12px}.link-card h3,.link-card p{position:relative;z-index:1}.link-card p{color:#8b9dc3;font-size:14px;line-height:1.6}.link-arrow{bottom:20px;color:#00d9ff;font-size:24px;opacity:0;position:absolute;right:20px;transition:all .3s ease;z-index:1}.link-card:hover .link-arrow{opacity:1;transform:translateX(4px)}.projects-grid{grid-gap:32px;display:grid;gap:32px;margin-top:32px}.project-card{background:#0f0c1d99;border:1px solid #8a2be233;border-radius:12px;overflow:hidden;padding:32px;position:relative;text-decoration:none;transition:all .3s ease}.project-card:before{background:linear-gradient(135deg,#00d9ff14,#8a2be214);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover{border-color:#00d9ff;box-shadow:0 12px 48px #00d9ff40;transform:translateY(-6px)}.project-card:hover:before{opacity:1}.project-card h2{color:#00d9ff;font-size:28px;margin:0 0 16px;position:relative;z-index:1}.project-description{color:#b8c5d6;font-size:16px;line-height:1.7;margin-bottom:24px;position:relative;z-index:1}.project-tech{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.connect-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:32px}.connect-card{align-items:center;background:#0f0c1d99;border:1px solid #8a2be233;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:40px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.connect-card:before{background:linear-gradient(135deg,#00d9ff14,#8a2be214);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.connect-card:hover{border-color:#00d9ff;box-shadow:0 12px 48px #00d9ff40;transform:translateY(-6px)}.connect-card:hover:before{opacity:1}.connect-icon{align-items:center;background:#8a2be233;border:2px solid #00d9ff4d;border-radius:50%;color:#00d9ff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin-bottom:20px;position:relative;transition:all .3s ease;width:80px;z-index:1}.connect-card:hover .connect-icon{background:#8a2be24d;border-color:#00d9ff;box-shadow:0 0 30px #00d9ff66;transform:scale(1.1)}.connect-card h3{color:#00d9ff;font-size:22px;font-weight:600;position:relative;z-index:1}@media (max-width:768px){.container{padding:40px 16px}.nav{gap:8px}.nav-button{font-size:14px;padding:12px 16px}.section h1{font-size:36px}.section h2{font-size:24px}.profile-image{height:150px;width:150px}.connect-grid,.links-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.a1819dff.css.map*/