:root{--bg-color: #0a0a0a;--card-bg: #111111;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #00f3ff;--accent-glow: rgba(0, 243, 255, .5);--secondary-accent: #00ff9d;--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}#matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.15;pointer-events:none}a{text-decoration:none;color:inherit}ul{list-style:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;width:100%;top:0;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,243,255,.1)}.logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow)}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:1rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--accent-color)}.hamburger{display:none;font-size:1.5rem;cursor:pointer}.hero-section{height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 10%;position:relative}.hero-content{max-width:600px}.greeting{font-family:var(--font-mono);color:var(--secondary-accent);margin-bottom:1rem}.hero-content h1{font-size:4rem;line-height:1.1;margin-bottom:1rem;position:relative}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,90px,0)}10%{clip:rect(10px,9999px,40px,0)}15%{clip:rect(50px,9999px,20px,0)}20%{clip:rect(20px,9999px,60px,0)}to{clip:rect(60px,9999px,30px,0)}}@keyframes glitch-anim2{0%{clip:rect(10px,9999px,80px,0)}5%{clip:rect(50px,9999px,10px,0)}10%{clip:rect(30px,9999px,60px,0)}15%{clip:rect(70px,9999px,20px,0)}20%{clip:rect(20px,9999px,50px,0)}to{clip:rect(90px,9999px,10px,0)}}.typing-text{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1.5rem;font-family:var(--font-mono)}.highlight{color:var(--accent-color)}.tagline{margin-bottom:2rem;color:var(--text-secondary)}.cta-buttons{display:flex;gap:1rem}.btn{padding:.8rem 2rem;border-radius:4px;font-weight:600;transition:all .3s;font-family:var(--font-mono);text-transform:uppercase;font-size:.9rem}.primary-btn{background:var(--accent-color);color:#000;border:1px solid var(--accent-color);box-shadow:0 0 15px var(--accent-glow)}.primary-btn:hover{background:transparent;color:var(--accent-color)}.secondary-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary)}.secondary-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.hero-visual{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center}.shield-icon{font-size:10rem;color:var(--accent-color);z-index:2;filter:drop-shadow(0 0 20px var(--accent-glow))}.orbit{position:absolute;border:1px solid rgba(0,243,255,.3);border-radius:50%;animation:rotate 10s linear infinite}.orbit-1{width:100%;height:100%;animation-duration:10s;border-top:2px solid var(--accent-color)}.orbit-2{width:80%;height:80%;animation-duration:7s;animation-direction:reverse;border-right:2px solid var(--secondary-accent)}.orbit-3{width:60%;height:60%;animation-duration:5s;border-bottom:2px solid var(--accent-color)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section{padding:6rem 10%}.section-title{font-size:2.5rem;text-align:center;margin-bottom:4rem;font-family:var(--font-mono)}.about-container{display:flex;justify-content:center}.about-text{max-width:800px;text-align:center}.about-text p{margin-bottom:1.5rem;font-size:1.1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.info-item{background:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.8rem;font-size:.9rem}.info-item i{color:var(--accent-color)}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category{background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid rgba(0,243,255,.1);transition:transform .3s}.skill-category:hover{transform:translateY(-5px);border-color:var(--accent-color)}.skill-category h3{margin-bottom:1.5rem;font-family:var(--font-mono);display:flex;align-items:center;gap:.8rem}.skill-category h3 i{color:var(--accent-color)}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.tag{background:#00f3ff1a;color:var(--accent-color);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-family:var(--font-mono);border:1px solid rgba(0,243,255,.2)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .3s}.project-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 5px 20px #00000080}.card-header{padding:1.5rem;background:#00f3ff0d;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.card-header i{font-size:1.5rem;color:var(--accent-color)}.card-body{padding:1.5rem}.card-body p{margin-bottom:1rem;color:var(--text-secondary)}.card-body ul{list-style:disc;margin-left:1.2rem;color:var(--text-secondary);font-size:.9rem}.card-footer{padding:1rem 1.5rem;display:flex;gap:.8rem;border-top:1px solid rgba(255,255,255,.05)}.badge{font-size:.8rem;color:var(--secondary-accent);font-family:var(--font-mono)}.education-timeline{max-width:800px;margin:0 auto;position:relative;padding-left:2rem;border-left:2px solid rgba(0,243,255,.2)}.timeline-item{margin-bottom:3rem;position:relative}.timeline-dot{position:absolute;left:-2.6rem;top:.5rem;width:1rem;height:1rem;background:var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-glow)}.timeline-content h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.timeline-content .institution{color:var(--accent-color);font-weight:600;margin-bottom:.5rem}.timeline-content .date{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.skill-category{border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--cat-color, var(--accent-color))}.skill-category:hover{border-color:var(--cat-color, var(--accent-color));box-shadow:0 5px 15px #0000004d}.skill-category h3 i{color:var(--cat-color, var(--accent-color))}.tag{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-secondary)}.skill-category:hover .tag{border-color:var(--cat-color, var(--accent-color));color:var(--cat-color, var(--accent-color))}.project-card{border:1px solid rgba(255,255,255,.05)}.project-card .card-header i{color:#00f3ff}.project-card:hover{border-color:#00f3ff}.contact-container{display:flex;justify-content:center}.contact-card{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.social-link{display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--card-bg);padding:2rem;border-radius:12px;width:150px;border:1px solid rgba(255,255,255,.05);transition:all .3s}.social-link:hover{border-color:var(--accent-color);transform:translateY(-5px)}.social-link i{font-size:2.5rem;color:var(--accent-color)}footer{padding:2rem;text-align:center;background:#050505;color:var(--text-secondary);font-size:.9rem}.credits{margin-top:.5rem;font-family:var(--font-mono);font-size:.8rem}.credits i{color:#00f3ff}@media(max-width:768px){.hero-section{flex-direction:column;justify-content:center;text-align:center;padding-top:6rem}.hero-content h1{font-size:2.5rem}.hero-visual{margin-top:3rem;width:300px;height:300px}.nav-links{display:none}.hamburger{display:block}.cta-buttons{justify-content:center}}
