body{margin:0;min-width:320px;min-height:100vh}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-blue: #00d4ff;--accent-blue: #0096c7;--deep-space: #0a0e27;--card-dark: #0d1117;--border-glow: rgba(0, 212, 255, .3);--text-primary: #f0f6fc;--text-secondary: #8b949e;--glass-bg: rgba(13, 17, 23, .85);--gradient-start: #0a0e27;--gradient-end: #1a1f35}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:var(--text-primary);background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{max-width:100%;overflow-x:hidden}#root{position:relative;width:100%;min-height:100vh}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.4}.content{position:relative;z-index:2}header{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-bottom:-100px}.header-content{text-align:center;position:relative;padding:2rem}.profile-container{position:relative;width:180px;height:180px;margin:0 auto 3rem}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--primary-blue);box-shadow:0 0 40px #00d4ff80,0 0 80px #00d4ff33;transition:all .3s ease}.profile-img:hover{transform:scale(1.05);box-shadow:0 0 60px #00d4ffb3,0 0 100px #00d4ff4d}.profile-ring{position:absolute;inset:-15px;border:2px solid transparent;border-radius:50%;background:linear-gradient(45deg,var(--primary-blue),transparent) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate 15s linear infinite}.profile-ring:before{content:"";position:absolute;top:50%;left:-3px;width:12px;height:12px;background:var(--primary-blue);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 15px var(--primary-blue)}nav{position:fixed;top:0;left:0;width:100%;padding:1.2rem 2rem;background:#0a0e27d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glow);z-index:1000;transition:transform .3s ease,opacity .3s ease}nav.hidden{transform:translateY(-100%);opacity:0}.nav-container{display:flex;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;position:relative}.menu-toggle{display:none;background:none;border:none;color:var(--primary-blue);font-size:1.8rem;cursor:pointer;transition:transform .3s ease}.menu-toggle:hover{transform:scale(1.1)}#nav-links{list-style:none;display:flex;gap:3rem}#nav-links i{margin-right:8px;font-size:.9rem}nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;padding:.5rem 1rem;position:relative;transition:color .3s ease}nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-blue);transform:translate(-50%);transition:width .3s ease;box-shadow:0 0 10px var(--primary-blue)}nav a:hover{color:var(--primary-blue)}nav a:hover:after{width:80%}h1{font-size:4rem;font-weight:700;margin:1rem 0 1.5rem;background:linear-gradient(135deg,var(--primary-blue) 0%,#fff 50%,var(--primary-blue) 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite;letter-spacing:-1px}@keyframes shimmer{to{background-position:200% center}}h2{font-size:2.8rem;font-weight:600;margin-bottom:3rem;color:var(--primary-blue);text-shadow:0 0 20px rgba(0,212,255,.3);letter-spacing:-.5px}h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.3px}p{font-size:1.05rem;color:var(--text-secondary);line-height:1.8}section{padding:8rem 2rem;position:relative}section h2{text-align:center}section#contact{text-align:center}.container{max-width:1300px;margin:0 auto}.glass-card{background:var(--glass-bg);border:1px solid var(--border-glow);border-radius:20px;padding:3rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,0 0 0 1px #00d4ff1a inset;transition:all .3s ease}.glass-card:hover{border-color:var(--primary-blue);box-shadow:0 12px 40px #00000080,0 0 40px #00d4ff33}.projects{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto}.project-link{text-decoration:none;color:inherit;display:block}.project-card{background:var(--glass-bg);border:1px solid rgba(0,212,255,.15);border-radius:16px;padding:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.05),transparent);transition:left .6s ease}.project-card:hover:before{left:100%}.project-card:hover{transform:translateY(-8px);border-color:var(--primary-blue);box-shadow:0 20px 60px #0006,0 0 40px #00d4ff33}.project-img{display:flex;align-items:flex-start;gap:2.5rem;flex-wrap:wrap}.project-img img{width:280px;max-width:100%;height:280px;object-fit:cover;border-radius:12px;flex-shrink:0;border:1px solid rgba(0,212,255,.2);transition:all .3s ease}.project-img img:hover{transform:scale(1.05);border-color:var(--primary-blue);box-shadow:0 8px 24px #00d4ff4d}.project-img>div{flex:1;min-width:300px}.project-img h3{margin-bottom:1rem;color:var(--primary-blue)}.project-img p{line-height:1.7}.skills{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.skill-tag{background:#00d4ff14;border:1px solid rgba(0,212,255,.25);color:var(--primary-blue);padding:.5rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.skill-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent);transition:left .5s ease}.skill-tag:hover:before{left:100%}.skill-tag:hover{background:var(--primary-blue);color:var(--deep-space);border-color:var(--primary-blue);box-shadow:0 0 20px #00d4ff66;transform:translateY(-2px)}.social-links{display:flex;justify-content:center;gap:2rem;margin-top:3rem}.social-links a{color:var(--primary-blue);font-size:1.8rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-glow);border-radius:50%;background:#00d4ff0d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-links a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary-blue);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:-1}.social-links a:hover:before{width:100%;height:100%}.social-links a:hover{color:var(--deep-space);border-color:var(--primary-blue);transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff66}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 40px #00d4ff80,0 0 80px #00d4ff33}50%{box-shadow:0 0 60px #00d4ffb3,0 0 100px #00d4ff4d}}.typing{border-right:3px solid var(--primary-blue);animation:typing 3.5s steps(30,end),blink .75s step-end infinite;white-space:nowrap;overflow:hidden;margin:0 auto;letter-spacing:1px}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.fade-slide{opacity:0;transform:translateY(50px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);visibility:hidden}.fade-slide.in-view{opacity:1;transform:translateY(0);visibility:visible}.slide-left{transform:translate(-80px) translateY(20px);opacity:0}.slide-right{transform:translate(80px) translateY(20px);opacity:0}.fade-slide.in-view.slide-left,.fade-slide.in-view.slide-right{transform:translate(0) translateY(0);opacity:1}.reveal{opacity:0;transform:translateY(80px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);visibility:hidden}.reveal.in-view{opacity:1;transform:translateY(0);visibility:visible}.certification-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.certification-item{background:var(--glass-bg);border:1px solid rgba(0,212,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.certification-item:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary-blue),transparent);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1}.certification-item:hover:before{opacity:.5}.certification-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006,0 0 30px #00d4ff33}.certification-item h3{color:var(--primary-blue);margin-bottom:.8rem}.certification-item p{color:var(--text-secondary);font-size:1rem}.certification-item .cert-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,212,255,.1);font-size:.9rem;color:var(--text-secondary)}.skill-category{margin-bottom:3rem}.skill-category h3{color:var(--primary-blue);font-size:1.8rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.skill-category h3:before{content:"";width:4px;height:30px;background:linear-gradient(to bottom,var(--primary-blue),transparent);border-radius:2px}.skill-bars{display:flex;flex-direction:column;gap:1.2rem}.skill-bar{position:relative}.skill-bar p{margin-bottom:.8rem;color:var(--text-primary);font-weight:500;font-size:1rem}.bar{width:100%;height:12px;background:#00d4ff1a;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(0,212,255,.2)}.bar:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--accent-blue));border-radius:10px;transition:width 1.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00d4ff80}.bar[data-proficiency="90%"]:before{width:90%}.bar[data-proficiency="85%"]:before{width:85%}.bar[data-proficiency="80%"]:before{width:80%}.bar[data-proficiency="75%"]:before{width:75%}.bar[data-proficiency="70%"]:before{width:70%}.bar[data-proficiency="65%"]:before{width:65%}.skill-bar:hover .bar:before{box-shadow:0 0 25px #00d4ffcc}.resume-page{min-height:100vh;padding:100px 2rem 2rem}.resume-container{max-width:900px;margin:0 auto}.resume-container h1{text-align:center;margin-bottom:2rem}.resume-toggle{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.resume-toggle button{padding:1rem 2.5rem;background:#00d4ff1a;border:2px solid rgba(0,212,255,.3);border-radius:10px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.resume-toggle button:hover{background:#00d4ff33;border-color:var(--primary-blue);transform:translateY(-2px)}.resume-toggle button.active{background:var(--primary-blue);color:var(--deep-space);border-color:var(--primary-blue);box-shadow:0 8px 25px #00d4ff66}.pdf-viewer{width:100%;height:85vh;border:2px solid var(--border-glow);border-radius:16px;overflow:hidden;box-shadow:0 15px 50px #00000080,0 0 40px #00d4ff33}.pdf-viewer iframe{width:100%;height:100%;border:none}@media(max-width:1024px){h1{font-size:3.5rem}h2{font-size:2.5rem}.project-img{flex-direction:column}.project-img img{width:100%;max-width:400px;margin:0 auto}}@media(max-width:768px){nav{padding:1rem}.nav-container{flex-direction:column;align-items:flex-start}.menu-toggle{display:block;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1001}#nav-links{display:none;flex-direction:column;width:100%;gap:0;margin-top:1rem;background:#0d1117fa;border-radius:10px;padding:1rem 0}#nav-links.active{display:flex}#nav-links li{width:100%}nav a{display:block;padding:1rem 1.5rem;width:100%}nav a:after{display:none}h1{font-size:2.8rem}h2{font-size:2rem}h3{font-size:1.3rem}p{font-size:1rem}header{height:auto;min-height:100vh;padding:6rem 1rem 4rem}.profile-container{width:150px;height:150px;margin-bottom:2rem}section{padding:4rem 1rem}.glass-card{padding:2rem}.project-card{padding:1.5rem}.project-img{gap:1.5rem}.project-img>div{min-width:100%}.skill-category{margin-bottom:2rem}.skill-category h3{font-size:1.5rem}.social-links{gap:1.5rem;flex-wrap:wrap}.social-links a{width:60px;height:60px;font-size:1.5rem}.certification-list{grid-template-columns:1fr;gap:1.5rem}.resume-page{padding:80px 1rem 1rem}.resume-toggle{flex-direction:column;align-items:center}.resume-toggle button{width:100%;max-width:300px}.pdf-viewer{height:70vh}}@media(max-width:480px){h1{font-size:2.2rem}h2{font-size:1.8rem}.profile-container{width:120px;height:120px}section{padding:3rem 1rem}.glass-card{padding:1.5rem}.project-card{padding:1.2rem}.skill-tag{padding:.4rem 1rem;font-size:.8rem}.social-links a{width:55px;height:55px;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.loading{opacity:0;transition:opacity .3s ease}.loaded{opacity:1}@media print{nav,.social-links,#particles-js{display:none}body{background:#fff;color:#000}.glass-card,.project-card{border:1px solid #ccc;background:#fff;page-break-inside:avoid}}