:root{--color-black:#000;--color-dark:#0a0a0a;--color-darker:#050505;--color-white:#fff;--color-light-gray:#f5f5f5;--color-gray:#a0a0a0;--color-dark-gray:#333;--color-neon-primary:#0cff7a;--color-neon-secondary:#FF5722;--color-neon-tertiary:#ffc107;--color-neon-red:#ff3d00;--shadow-neon-primary:0 0 10px rgba(12,255,122,.6),0 0 20px rgba(12,255,122,.4);--shadow-neon-secondary:0 0 10px rgba(255,87,34,.6),0 0 20px rgba(255,87,34,.4);--shadow-neon-tertiary:0 0 10px rgba(255,193,7,.6),0 0 20px rgba(255,193,7,.4);--shadow-neon-red:0 0 10px rgba(255,61,0,.6),0 0 20px rgba(255,61,0,.4);--font-primary:'Rajdhani',sans-serif;--font-secondary:'Montserrat',sans-serif;--transition-fast:.3s ease;--transition-medium:.5s ease;--transition-slow:.8s ease;--z-back:-1;--z-normal:1;--z-front:10;--z-fixed:100;--z-popup:1000}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-secondary);font-size:16px;line-height:1.6;color:var(--color-white);background-color:#0a0a0a;background-image:radial-gradient(circle at 15% 50%,rgba(255,87,34,.15) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(12,255,122,.15) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(255,193,7,.15) 0%,transparent 40%),linear-gradient(135deg,rgba(0,0,0,.99) 0%,rgba(10,10,10,.95) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;appearance:button;cursor:pointer;background:none;border:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input:focus,button:focus,textarea:focus,select:focus{outline:none}ul,ol{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit;transition:all var(--transition-fast)}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;will-change:transform;content-visibility:auto}img:not([loading]){loading:lazy}strong{font-weight:700}section{padding:80px 0;position:relative;overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{padding:40px 0;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}

.bio-container{
max-width:600px;
margin:0 auto;
padding:40px 20px;
text-align:center;
background-color:rgba(10,10,10,0.85);
border-radius:16px;
box-shadow:0 0 40px rgba(0,0,0,0.6), 0 10px 50px rgba(0,0,0,0.8), 0 0 15px rgba(12,255,122,0.15);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
margin-top:30px;
margin-bottom:30px;
border:1px solid rgba(12,255,122,0.25);
position:relative;
overflow:hidden;
z-index:20;
animation:pulseGlow 4s infinite alternate;
transform:translateZ(0);
}

.bio-container::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:3px;
background:linear-gradient(90deg, transparent, rgba(12,255,122,0.5), rgba(255,87,34,0.5), transparent);
}

.bio-avatar{width:150px;height:150px;border-radius:50%;margin:0 auto 20px;overflow:hidden;position:relative;border:2px solid var(--color-neon-primary);box-shadow:var(--shadow-neon-primary);animation:float 6s ease-in-out infinite}.bio-avatar::after{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(45deg,var(--color-neon-primary),var(--color-neon-secondary),var(--color-neon-tertiary),var(--color-neon-primary));z-index:-1;animation:rotate 10s linear infinite;opacity:0.7}.bio-avatar img{width:100%;height:100%;object-fit:cover}

.bio-profile{margin-bottom:30px}h1{font-family:var(--font-primary);font-size:3.2rem;font-weight:700;letter-spacing:5px;margin-bottom:15px;color:var(--color-white);text-transform:uppercase;line-height:1}.highlight-white{color:var(--color-white);text-shadow:0 0 15px rgba(255,255,255,0.8),0 0 30px rgba(255,255,255,0.5)}.glitch-text{position:relative;color:var(--color-neon-primary);}

.tag-container{margin-bottom:30px;position:relative;text-align:center}.tag{display:inline-block;padding:5px 15px;background-color:rgba(12,255,122,.1);color:var(--color-neon-primary);font-family:var(--font-primary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:20px}

.bio-subtitle{font-size:1rem;color:var(--color-white);opacity:0.8;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6;margin-top:15px}

.tabs-container{margin-bottom:25px;position:relative}.tabs-nav{display:flex;justify-content:center;margin-bottom:30px;gap:20px}.tab-btn{background-color:transparent;border:none;color:var(--color-white);opacity:0.6;padding:8px 15px;font-size:0.9rem;font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);position:relative;letter-spacing:2px;text-transform:uppercase;border-radius:8px}.tab-btn::before{content:none}.tab-btn.active{color:var(--color-black);background-color:var(--color-neon-primary);opacity:1;font-weight:600;box-shadow:var(--shadow-neon-primary)}.tab-btn:hover{opacity:0.8;transform:translateY(-2px);text-shadow:0 0 8px rgba(255,255,255,0.3)}

.tab-content{width:100%;min-height:300px;max-height:300px;box-sizing:border-box;display:none;animation:fadeIn 0.5s ease forwards}.tab-content.active{display:block}

.bio-links{display:flex;flex-direction:column;gap:15px;margin-top:30px}.bio-link{display:flex;padding:16px 20px;border-radius:8px;font-weight:600;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;position:relative;overflow:hidden;z-index:1;color:var(--color-black);text-decoration:none;text-align:center;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.3);font-size:1.1rem;margin:0 auto;width:100%;max-width:85%;height:50px}.bio-link i{margin-right:10px}.bio-link:hover{transform:translateY(-3px);font-size:1.2rem;font-weight:700;letter-spacing:1.5px}.bio-link::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.6s ease-out,height 0.6s ease-out;z-index:-1}.bio-link:active::after{width:200px;height:200px}.bio-link.bio-link-1{background-color:var(--color-neon-red);box-shadow:var(--shadow-neon-red)}.bio-link.bio-link-1:hover{box-shadow:0 0 20px rgba(255,61,0,0.9),0 0 40px rgba(255,61,0,0.6);animation:pulse 1.5s infinite}.bio-link.bio-link-2{background-color:var(--color-neon-tertiary);box-shadow:var(--shadow-neon-tertiary)}.bio-link.bio-link-2:hover{box-shadow:0 0 20px rgba(255,193,7,0.9),0 0 40px rgba(255,193,7,0.6);animation:pulse 1.5s infinite}.bio-link.bio-link-3{background-color:var(--color-neon-primary);box-shadow:var(--shadow-neon-primary)}.bio-link.bio-link-3:hover{box-shadow:0 0 20px rgba(12,255,122,0.9),0 0 40px rgba(12,255,122,0.6);animation:pulse 1.5s infinite}.bio-link.bio-link-4{background-color:var(--color-neon-red);box-shadow:var(--shadow-neon-red)}.bio-link.bio-link-4:hover{box-shadow:0 0 20px rgba(255,61,0,0.9),0 0 40px rgba(255,61,0,0.6);animation:pulse 1.5s infinite}.bio-link.bio-link-5{background-color:var(--color-neon-tertiary);box-shadow:var(--shadow-neon-tertiary)}.bio-link.bio-link-5:hover{box-shadow:0 0 20px rgba(255,193,7,0.9),0 0 40px rgba(255,193,7,0.6);animation:pulse 1.5s infinite}

.about-section{max-height:300px;height:300px;overflow-y:auto;overflow-x:hidden;padding-right:10px;text-align:left;width:100%;max-width:100%;box-sizing:border-box}.about-section::-webkit-scrollbar{width:5px}.about-section::-webkit-scrollbar-track{background:var(--color-black)}.about-section::-webkit-scrollbar-thumb{background-color:var(--color-neon-primary);border-radius:10px}.about-section p{margin-bottom:15px;line-height:1.7;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.about-section h3{color:var(--color-neon-primary);font-family:var(--font-primary);font-size:1.5rem;margin-bottom:15px;letter-spacing:1px;text-transform:uppercase}.skill-categories{margin-top:20px}.skill-category{margin-bottom:15px}.skill-title{font-weight:600;color:var(--color-neon-secondary);margin-bottom:5px}.skill-description{font-size:0.9rem;opacity:0.8}

.bio-social{display:flex;justify-content:center;gap:20px;margin-top:40px}.social-link{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background-color:rgba(12,255,122,0.1);color:var(--color-white);transition:all var(--transition-fast);box-shadow:0 5px 15px rgba(0,0,0,0.1);position:relative;overflow:hidden}.social-link:hover{transform:translateY(-5px);background-color:var(--color-neon-primary);color:var(--color-black);box-shadow:0 0 15px rgba(12,255,122,0.5),0 0 30px rgba(12,255,122,0.3)}

.bio-footer{margin-top:30px;font-size:0.8rem;color:var(--color-white);opacity:0.6}.huik-link{display:inline-block;color:var(--color-neon-primary);text-decoration:none;position:relative;font-weight:600;transition:all var(--transition-fast)}.huik-link:hover{color:var(--color-neon-secondary);text-shadow:0 0 10px rgba(0,238,255,0.8),0 0 20px rgba(0,238,255,0.5);transform:scale(1.05)}

.modal{display:none;position:fixed;z-index:var(--z-popup);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);backdrop-filter:blur(10px)}.modal.active{display:flex;opacity:1}.modal-content{background-color:rgba(10,10,10,0.9);color:var(--color-white);margin:0 auto;padding:25px;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;animation:fadeIn 0.3s ease;box-shadow:0 0 30px rgba(0,0,0,0.6),0 0 15px rgba(255,255,255,0.1);border:1px solid rgba(12,255,122,0.15);transform:scale(0.95);transition:transform var(--transition-fast);backdrop-filter:blur(15px)}.modal.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:15px;right:15px;font-size:1.5rem;background:transparent;border:none;color:var(--color-white);opacity:0.6;cursor:pointer;transition:all var(--transition-fast);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{opacity:1;background-color:rgba(255,255,255,0.1);transform:rotate(90deg)}.modal-title{font-family:var(--font-primary);font-size:1.8rem;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase;text-align:center;padding-bottom:15px;border-bottom:1px solid rgba(12,255,122,0.1);color:var(--color-neon-primary)}.modal-description{line-height:1.7;text-align:center}.promo-highlight{font-size:1.2rem;font-weight:bold;margin:15px 0;color:var(--color-neon-primary)}.promo-code{font-weight:bold;letter-spacing:1px;color:var(--color-neon-secondary)}.promo-terms{margin-top:20px;font-size:0.9rem;opacity:0.7}

.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--color-neon-primary);color:var(--color-black);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-fixed);box-shadow:var(--shadow-neon-primary)}.scroll-top.active{opacity:1;visibility:visible}.scroll-top:hover{transform:translateY(-10px)}

@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}
@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}100%{transform:scale(1);opacity:1}}
@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes pulseGlow{0%{box-shadow:0 0 40px rgba(0,0,0,0.6), 0 10px 50px rgba(0,0,0,0.8), 0 0 5px rgba(12,255,122,0.15)}
50%{box-shadow:0 0 50px rgba(0,0,0,0.7), 0 15px 60px rgba(0,0,0,0.9), 0 0 10px rgba(12,255,122,0.25)}
100%{box-shadow:0 0 40px rgba(0,0,0,0.6), 0 10px 50px rgba(0,0,0,0.8), 0 0 5px rgba(12,255,122,0.15)}
}

@media screen and (max-width:767px){
    .bio-container{padding:30px 15px 25px;margin-top:20px;margin-bottom:20px}
    h1{font-size:2.8rem;letter-spacing:3px}
    .bio-subtitle{font-size:0.95rem;margin-bottom:25px}
    .bio-avatar{width:120px;height:120px;margin-bottom:20px}
    .bio-link{font-size:0.95rem;max-width:90%;height:48px;margin-bottom:8px}
    .bio-social a{width:45px;height:45px;font-size:1.3rem}
    .bio-footer{margin-top:30px;font-size:0.8rem}
    .tag{font-size:0.75rem;padding:4px 8px;letter-spacing:1.5px}
    .tab-btn{padding:6px 12px;font-size:0.85rem}
    .modal-content{padding:20px;width:95%}
    .modal-title{font-size:1.6rem}
}

@media screen and (max-width:480px){
    .bio-container{max-width:100%}
    h1{font-size:2.5rem;letter-spacing:2px}
    .bio-subtitle{font-size:0.9rem;margin-bottom:20px}
    .bio-avatar{width:110px;height:110px}
    .bio-social{gap:15px}
    .bio-social a{width:40px;height:40px;font-size:1.2rem}
    .bio-link{max-width:100%}
}