:root{--bg: #0d0d1a;--glass: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .15);--text: #e6eef8;--accent1: linear-gradient(135deg, #7c3aed, #06b6d4);--accent2: linear-gradient(135deg, #ff416c, #ffba00);--glow: 0 0 20px rgba(124, 58, 237, .7), 0 0 40px rgba(6, 182, 212, .5)}body{margin:0;font-family:Inter,sans-serif;background:radial-gradient(circle at top left,#1a1a2e,#0d0d1a);color:var(--text);overflow-x:hidden}.sexy-nav{display:flex;justify-content:space-between;align-items:center;background:#0f0f1e99;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px 28px;margin:20px auto;max-width:1200px;box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.sexy-logo{font-weight:900;font-size:26px;font-family:Orbitron,sans-serif;text-transform:uppercase;background:linear-gradient(90deg,#fd0,#ff007f,#00fff7);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 6s ease infinite;cursor:pointer;transition:transform .3s ease}.sexy-logo:hover{transform:scale(1.15) rotate(-2deg);text-shadow:0 0 12px #ffdd00,0 0 24px #ff007f,0 0 36px #00fff7}.nav-buttons{display:flex;gap:18px}.nav-btn{padding:12px 24px;border-radius:999px;border:none;font-size:16px;font-weight:600;text-transform:uppercase;background:#ffffff0d;color:#f4f4f4;cursor:pointer;transition:all .35s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.nav-btn:hover{background:linear-gradient(90deg,#fd0,#ff007f,#00fff7);color:#fff;transform:translateY(-4px) scale(1.08);box-shadow:0 0 12px #fd0,0 0 18px #ff007f,0 0 22px #00fff7}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;cursor:pointer}.hamburger span{display:block;height:3px;width:100%;border-radius:2px;background:#fd0;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.nav-buttons{position:fixed;top:0;right:-100%;width:220px;height:100%;background:#0f0f1ef2;flex-direction:column;padding:6rem 1rem;gap:1rem;transition:right .3s ease;z-index:99}.nav-buttons.open{right:0}.nav-btn{width:100%;font-size:1.1rem}.hamburger{display:flex}.sexy-logo{font-size:22px}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero{padding:6rem 2rem;background:linear-gradient(135deg,#0d0d0d,#1a1a2e,#000);color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;gap:4rem}.hero-content{flex:1;padding:2rem;border-radius:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;box-shadow:0 8px 32px #00000080}.name-gradient{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#00e5ff,#00eaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.2rem;color:#ced814;margin-bottom:1.5rem}.profile-block{margin-top:1rem}.profile-title{font-size:1.3rem;color:#e5ff00;margin-bottom:.5rem}.profile-text{font-size:1rem;line-height:1.6;color:#ddd}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center}.image-wrapper{width:320px;height:320px;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle,#111 40%,#000);box-shadow:0 0 30px #f0f,0 0 60px #00eaff,0 0 90px #f0fc;animation:neonPulse 6s ease-in-out infinite alternate}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.2)}@keyframes neonPulse{0%{box-shadow:0 0 25px #f0f,0 0 50px #00eaff,0 0 80px #f0f}to{box-shadow:0 0 50px #00eaff,0 0 100px #f0f,0 0 140px #00eaff}}@media (max-width: 768px){.hero-inner{flex-direction:column;text-align:center}.image-wrapper{width:220px;height:220px}}.about-container{padding:6rem 2rem;background:linear-gradient(135deg,#0b0b0b,#1a1a1a);display:flex;justify-content:center;align-items:center}.about-box{max-width:950px;width:100%;padding:3rem;border-radius:20px;background:#0f0f0fbf;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #00ffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp 1.2s ease}.about-heading{font-size:2.5rem;margin-bottom:2.5rem;font-weight:900;text-align:center;letter-spacing:2px;text-transform:uppercase;color:#fd0;text-shadow:0 0 8px #ffdd00,0 0 18px #ffaa00,0 0 36px #ffdd00,0 0 60px #ffaa00;animation:titleGlow 3s ease-in-out infinite alternate}.about-desc{font-size:1.25rem;line-height:1.8;color:#ddd;text-align:center;margin-bottom:2.5rem}.about-highlight{color:#00c8ff;font-weight:700}.about-info{list-style:none;padding:0;margin:2rem 0}.about-info li{font-size:1.1rem;color:#eee;margin:.9rem 0;text-align:left}.about-label{color:#fe0;font-weight:700}.about-info a{color:#0df;text-decoration:none;transition:all .3s ease}.about-info a:hover{color:#fff;text-shadow:0 0 12px #ffea00,0 0 24px #ffea00}.about-edu{margin-top:3rem}.edu-heading{font-size:2.5rem;margin-bottom:2.5rem;font-weight:900;text-align:center;letter-spacing:2px;text-transform:uppercase;color:#fd0;text-shadow:0 0 8px #ffdd00,0 0 18px #ffaa00,0 0 36px #ffdd00,0 0 60px #ffaa00;animation:titleGlow 3s ease-in-out infinite alternate}.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem}.edu-item{background:#0f0f0fa6;padding:1.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.12);text-align:center;color:#eee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 18px #0ff3;transition:transform .35s ease,box-shadow .35s ease;animation:fadeInUp 1.2s ease}.edu-item:hover{transform:translateY(-8px);box-shadow:0 0 25px #0ff,0 0 50px #f0f}.edu-item h4{font-size:1.4rem;font-weight:700;margin-bottom:.8rem;color:#0ef;text-transform:uppercase}.edu-item p{font-size:1rem;line-height:1.6;color:#bbb}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 12px #ff00ff,0 0 24px #ff00ff,0 0 40px #ff00ff}20%,24%,55%{opacity:.6;text-shadow:none}}.skills{margin-top:3rem;text-align:center}.skills h2{font-size:2.5rem;margin-bottom:2.5rem;font-weight:900;text-align:center;letter-spacing:2px;text-transform:uppercase;color:#fd0;text-shadow:0 0 8px #ffdd00,0 0 18px #ffaa00,0 0 36px #ffdd00,0 0 60px #ffaa00;animation:titleGlow 3s ease-in-out infinite alternate}.skills-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;max-width:900px;margin:0 auto}.skill-pill{display:flex;align-items:center;gap:.7rem;background:#ffdd000d;border:2px solid #ffdd00;border-radius:2rem;padding:.6rem 1.4rem;font-size:1.1rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 0 8px #fd0,0 0 18px #fa0;animation:pillGlow 3s infinite alternate}.skill-logo-frame{width:28px;height:28px;border-radius:50%;background:#ffdd001a;border:1.5px solid #ffdd00;display:flex;justify-content:center;align-items:center;box-shadow:0 0 8px #fd0,0 0 16px #fa0;transition:all .3s ease}.skill-logo{width:18px;height:18px;object-fit:contain}.skill-pill:hover{transform:scale(1.15);background:#fd0;color:#000;text-shadow:none;box-shadow:0 0 20px #fd0,0 0 40px #fa0,0 0 80px #fd0}.skill-pill:hover .skill-logo-frame{background:#fd0;border-color:#000;box-shadow:0 0 20px #fd0,0 0 40px #fa0}.skill-pill:hover .skill-logo{filter:brightness(0) invert(1)}@keyframes pillGlow{0%{box-shadow:0 0 6px #fd0,0 0 14px #fa0}to{box-shadow:0 0 18px #fa0,0 0 36px #fd0}}@keyframes titlePulse{0%{text-shadow:0 0 6px #ffdd00,0 0 16px #ffaa00}to{text-shadow:0 0 14px #ffaa00,0 0 28px #ffdd00}}@media (max-width: 768px){.skill-pill{font-size:.9rem;padding:.6rem 1rem}.skill-logo-frame{width:24px;height:24px}.skill-logo{width:14px;height:14px}}.skill-pill{position:relative;overflow:hidden;background:#ffdd000d;border:2px solid transparent;border-radius:2rem;padding:.7rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease-in-out;animation:pillFloat 4s ease-in-out infinite alternate,pillGlow 6s linear infinite;z-index:0}.skill-pill:before{content:"";position:absolute;inset:-2px;border-radius:2rem;background:linear-gradient(90deg,#fd0,#fa0,#ff0080,#fd0);background-size:300% 300%;z-index:-1;animation:borderShift 5s linear infinite}.skill-pill:after{content:"";position:absolute;inset:2px;border-radius:2rem;background:#000000b3;z-index:-1}@keyframes pillFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.experience{margin-top:4rem;text-align:center;padding:2rem}.experience h2{font-size:2.5rem;margin-bottom:1rem;font-weight:900;text-align:center;letter-spacing:2px;text-transform:uppercase;color:#fd0;text-shadow:0 0 8px #ffdd00,0 0 18px #ffaa00,0 0 36px #ffdd00,0 0 60px #ffaa00;animation:titleGlow 3s ease-in-out infinite alternate;position:relative;display:inline-block}.experience h2:after{content:"";display:block;width:120px;height:4px;margin:10px auto 0;border-radius:2px;background:linear-gradient(90deg,#fd0,#fa0,#ff0080,#00ffe0,#fd0);background-size:300% 300%;animation:underlineShift 4s linear infinite}.experience-wrap{display:flex;flex-direction:column;gap:2rem;max-width:850px;margin:2rem auto 0}.exp-item{position:relative;overflow:hidden;border:2px solid transparent;border-radius:1rem;padding:1.5rem;color:#fff;text-align:left;transition:all .4s ease;animation:cardFloat 5s ease-in-out infinite alternate}.exp-item:before{content:"";position:absolute;inset:-2px;border-radius:1rem;background:linear-gradient(135deg,#ffdd00,#00ffe0,);background-size:400% 400%;animation:borderShift 6s linear infinite;z-index:-1}.exp-item:after{content:"";position:absolute;inset:2px;border-radius:1rem;background:#000000bf;z-index:-1}.exp-item h3{font-size:1.4rem;margin-bottom:.5rem;color:#fd0;text-shadow:0 0 10px #ffaa00,0 0 20px #ffdd00;animation:neonFlicker 2.5s infinite alternate}.exp-item .company{font-size:1rem;font-weight:500;color:#bbb;margin-bottom:.8rem}.exp-item .details{font-size:1rem;line-height:1.6;color:#eee}.exp-item:hover{transform:translateY(-12px) scale(1.03) rotate(-1deg);background:#ffdd0014;box-shadow:0 0 20px #fd0,0 0 40px #fa0,0 0 80px #fd0}@keyframes cardFloat{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes borderShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes titleGlow{0%{text-shadow:0 0 6px #ffdd00,0 0 14px #ffaa00,0 0 28px #ffdd00;transform:scale(1)}to{text-shadow:0 0 14px #ffaa00,0 0 28px #ffdd00,0 0 48px #ffaa00;transform:scale(1.05)}}@keyframes underlineShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px #ffaa00,0 0 20px #ffdd00}20%,24%,55%{opacity:.7;text-shadow:none}}.projects{padding:4rem 2rem;text-align:center}.projects .section-title{font-size:2.5rem;margin-bottom:2.5rem;font-weight:900;text-align:center;letter-spacing:2px;text-transform:uppercase;color:#fd0;text-shadow:0 0 8px #ffdd00,0 0 18px #ffaa00,0 0 36px #ffdd00,0 0 60px #ffaa00;animation:titleGlow 3s ease-in-out infinite alternate}.proj-category{margin-bottom:3rem}.proj-cat-title{font-size:1.8rem;color:#fff;margin-bottom:1.5rem;text-shadow:0 0 12px #ff00ff,0 0 24px #ff00ff}.proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.proj-card{background:#141414d9;border:2px solid #ffea00;border-radius:12px;padding:1.5rem;text-align:left;color:#fff;transition:transform .3s,box-shadow .3s;box-shadow:0 0 15px #ffea0066}.proj-card:hover{transform:translateY(-8px);box-shadow:0 0 25px #ffea00,0 0 40px #ffea00}.proj-title{font-size:1.4rem;margin-bottom:.6rem;font-weight:600;color:#ffea00;text-shadow:0 0 10px #ffea00}.github-btn{display:inline-block;margin-top:1rem;padding:.4rem .8rem;background:#111;border:1px solid #ffea00;border-radius:6px;color:#ffea00;font-size:.9rem;transition:all .3s ease;text-decoration:none}.github-btn:hover{background:#ffea00;color:#111;box-shadow:0 0 15px #ffea00}.section-titlee{font-size:2.5rem;margin-bottom:2.5rem;font-weight:900;text-align:center;letter-spacing:2px;text-transform:uppercase;color:#fd0;text-shadow:0 0 8px #ffdd00,0 0 18px #ffaa00,0 0 36px #ffdd00,0 0 60px #ffaa00;animation:titleGlow 3s ease-in-out infinite alternate}.section.contact{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border-radius:20px;box-shadow:0 0 25px #fd03;max-width:700px;margin:3rem auto}.section.contact h2{font-size:2.5rem;margin-bottom:2.5rem;font-weight:900;text-align:center;letter-spacing:2px;text-transform:uppercase;color:#fd0;text-shadow:0 0 8px #ffdd00,0 0 18px #ffaa00,0 0 36px #ffdd00,0 0 60px #ffaa00;animation:titleGlow 3s ease-in-out infinite alternate}.contact-form.glass-card{display:flex;flex-direction:column;gap:1.2rem;padding:2rem;background:#ffffff0d;border-radius:16px;box-shadow:0 8px 25px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact-form input,.contact-form textarea{padding:1rem;font-size:1rem;border:none;border-radius:10px;outline:none;color:#fff;background:#ffffff14;box-shadow:inset 0 0 8px #ffdd004d;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{box-shadow:0 0 15px #fd0,0 0 30px #fa0;transform:scale(1.02)}.contact-form button{padding:.9rem;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(45deg,#fd0,#fa0);color:#111;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 0 15px #fd0,0 0 35px #fa0}.contact-form button:hover{background:linear-gradient(45deg,#fa0,#fd0);transform:scale(1.05);box-shadow:0 0 25px #fd0,0 0 45px #fa0}.footer{position:relative;background:#0a0a0a;border-top:2px solid rgba(255,255,255,.1);color:#fff;text-align:center;padding:20px 10px;overflow:hidden}.footer *{position:relative;z-index:1}@keyframes neonRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.social-btn{color:#fff;padding:12px;border-radius:50%;transition:all .3s ease;text-shadow:0 0 8px #fff;margin:0 6px}.social-btn:hover{transform:scale(1.3) rotate(8deg);filter:drop-shadow(0 0 10px currentColor) drop-shadow(0 0 25px currentColor)}.linkedin{color:#0a66c2}.github{color:#bbb}.instagram{color:#e4405f}.facebook{color:#1877f2}
