@font-face{font-family:Inter;font-display:swap}@font-face{font-family:JetBrains Mono;font-display:swap}:root{--bg-color: #f0f9ff;--card-bg: #ffffff;--text-primary: #0d1b2a;--text-secondary: #4a5568;--accent-color: #0099cc;--accent-glow: rgba(0, 153, 204, .35);--secondary-accent: #6c63ff;--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}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at 10% 20%,rgba(168,237,234,.55) 0%,transparent 50%),radial-gradient(ellipse at 85% 15%,rgba(196,181,253,.45) 0%,transparent 45%),radial-gradient(ellipse at 50% 80%,rgba(147,197,253,.4) 0%,transparent 50%),#f0f9ff}#matrix-bg{display:none}a{text-decoration:none;color:inherit}ul{list-style:none}.skill-category,.project-card,.resource-card,.timeline-item{contain:layout style}.fade-in{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;width:100%;top:0;background:#f0f9ffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,153,204,.12)}.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;color:var(--text-secondary)}.nav-links a:hover{color:var(--accent-color)}.hamburger{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary);background:none;border:none}.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;color:var(--text-primary)}.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 #6c63ff;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #0099cc;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:#fff;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,153,204,.3);border-radius:50%;animation:rotate 10s linear infinite;will-change:transform}.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);color:var(--text-primary)}.section-title i{color:var(--accent-color);margin-right:.5rem;font-size:2rem;vertical-align:middle}.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;color:var(--text-secondary)}.about-text strong{color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.info-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid rgba(0,153,204,.1);display:flex;align-items:center;gap:.8rem;font-size:.9rem;color:var(--text-secondary)}.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(255,255,255,.1);border-left:3px solid var(--cat-color, var(--accent-color));transition:transform .3s,box-shadow .3s,border-color .3s}.skill-category:hover{transform:translateY(-5px);border-color:var(--cat-color, var(--accent-color));box-shadow:0 5px 15px #0000000f}.skill-category h3{margin-bottom:1.5rem;font-family:var(--font-mono);display:flex;align-items:center;gap:.8rem;color:var(--text-primary)}.skill-category h3 i{color:var(--cat-color, var(--accent-color))}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tags .tag.hidden{display:none}.tag{background:#fff9;color:var(--text-secondary);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-family:var(--font-mono);border:1px solid rgba(0,153,204,.15)}.skill-category:hover .tag{border-color:var(--cat-color, var(--accent-color));color:var(--cat-color, var(--accent-color))}.see-more-btn{background:linear-gradient(135deg,var(--accent-color),var(--secondary-accent));border:none;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-family:var(--font-mono);cursor:pointer;transition:all .25s;box-shadow:0 2px 8px #0099cc4d}.see-more-btn:hover{opacity:.88;box-shadow:0 4px 14px #0099cc73;transform:translateY(-1px)}.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(0,153,204,.08);transition:transform .3s,border-color .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 5px 20px #0099cc1f}.card-header{padding:1.5rem;background:#0099cc0d;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(0,153,204,.08)}.card-header i{font-size:1.5rem;color:var(--accent-color)}.card-header h3{color:var(--text-primary)}.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(0,153,204,.08)}.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,153,204,.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}.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(0,153,204,.1);transition:transform .3s,border-color .3s,box-shadow .3s;color:var(--text-secondary)}.social-link:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 8px 20px #0099cc1f}.social-link i{font-size:2.5rem;color:var(--accent-color)}footer{padding:2rem;text-align:center;background:#ddeef8;color:var(--text-secondary);font-size:.9rem}.credits{margin-top:.5rem;font-family:var(--font-mono);font-size:.8rem}.credits i{color:var(--accent-color)}.mobile-nav{display:block;position:fixed;top:70px;left:0;width:100%;background:#f0f9fff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,153,204,.15);z-index:999;padding:1rem 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.mobile-nav.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav-link{display:block;padding:.9rem 2rem;font-family:var(--font-mono);font-size:1rem;color:#09c;text-align:center;transition:color .2s,background .2s}.mobile-nav-link:hover{color:#00f3ff;background:#00f3ff0d}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:70px;left:0;width:100%;background:#f0fafff7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00f3ff14;padding:1rem 0;gap:0;border-bottom:2px solid rgba(0,180,220,.4);z-index:999}.nav-links.open li a{display:block;padding:1rem 2rem;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.05)}.nav-links.open li a:hover{background:#00b4dc1a;color:#007aaa}.filter-tabs{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-bottom:3rem}.filter-btn{padding:.5rem 1.3rem;border-radius:20px;font-family:var(--font-mono);font-size:.85rem;font-weight:600;border:1.5px solid rgba(0,153,204,.25);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .25s}.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-btn.active{background:linear-gradient(135deg,var(--accent-color),var(--secondary-accent));border-color:transparent;color:#fff;box-shadow:0 3px 12px #0099cc59}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.8rem}.resource-card{background:var(--card-bg);border-radius:14px;border:1px solid rgba(0,153,204,.1);overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;flex-direction:column}.resource-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 8px 24px #0099cc24}.resource-card.hidden{display:none}.resource-card-top{padding:1.4rem 1.5rem 1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.resource-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.resource-icon.roadmap{background:#0099cc1f;color:var(--accent-color)}.resource-icon.tool{background:#6c63ff1f;color:var(--secondary-accent)}.resource-icon.notes{background:#00c8961f;color:#00c896}.resource-type-badge{font-size:.72rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .7rem;border-radius:10px}.resource-type-badge.roadmap{background:#0099cc1a;color:var(--accent-color)}.resource-type-badge.tool{background:#6c63ff1a;color:var(--secondary-accent)}.resource-type-badge.notes{background:#00c8961a;color:#00c896}.resource-card-body{padding:0 1.5rem 1.2rem;flex:1}.resource-card-body h3{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.resource-card-body p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.resource-card-footer{padding:1rem 1.5rem;border-top:1px solid rgba(0,153,204,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem}.resource-meta{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.resource-meta i{font-size:.75rem;color:var(--accent-color)}.resource-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-family:var(--font-mono);font-weight:600;color:var(--accent-color);transition:gap .2s}.resource-link:hover{gap:.7rem}.resource-link i{font-size:.75rem}.resource-card.placeholder{border-style:dashed;border-color:#09c3;background:#0099cc05;box-shadow:none}.resource-card.placeholder:hover{transform:none;box-shadow:none}.placeholder-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem;gap:.8rem;color:var(--text-secondary)}.placeholder-inner i{font-size:2rem;color:#0099cc4d}.placeholder-inner p{font-size:.9rem;font-family:var(--font-mono)}@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}}@media(prefers-reduced-motion:reduce){.glitch:before,.glitch:after{animation:none}.orbit{animation:none}.fade-in{transition:none;opacity:1;transform:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}