/* ------------------------------
   STOP COPYING 💡
   Designed by: Sagar Bastola
   www.sagarbastola.com.np
   Encoded ID: c2FnYXItYmFzdG9sYQ==
   ------------------------------
*/
body{font-family:'Inter',sans-serif;background-color:#020617}h1,h2,h3,h4,h5,h6{font-family:'Orbitron',sans-serif}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at bottom,#0a1028 0%,#020617 100%)}.plex-card{background:rgba(15,23,42,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.2);transition:.3s}.plex-card:hover{border-color:rgba(56,189,248,.5);box-shadow:0 0 25px rgba(56,189,248,.15)}.glitch{position:relative;font-weight:700;color:#f0f9ff;letter-spacing:.05em;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#020617;overflow:hidden;clip:rect(0,900px,0,0)}.glitch:before{left:2px;text-shadow:-2px 0 #00fff9;animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #ff00c1;animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(42px,9999px,44px,0)}5%{clip:rect(12px,9999px,60px,0)}10%{clip:rect(40px,9999px,40px,0)}15%{clip:rect(32px,9999px,50px,0)}20%{clip:rect(15px,9999px,16px,0)}25%{clip:rect(35px,9999px,36px,0)}30%{clip:rect(50px,9999px,52px,0)}35%{clip:rect(20px,9999px,22px,0)}40%{clip:rect(45px,9999px,46px,0)}45%{clip:rect(10px,9999px,12px,0)}50%{clip:rect(30px,9999px,32px,0)}55%{clip:rect(42px,9999px,44px,0)}60%{clip:rect(12px,9999px,60px,0)}65%{clip:rect(40px,9999px,40px,0)}70%{clip:rect(32px,9999px,50px,0)}75%{clip:rect(15px,9999px,16px,0)}80%{clip:rect(35px,9999px,36px,0)}85%{clip:rect(50px,9999px,52px,0)}90%{clip:rect(20px,9999px,22px,0)}95%{clip:rect(45px,9999px,46px,0)}100%{clip:rect(10px,9999px,12px,0)}}@keyframes glitch-anim-2{0%{clip:rect(35px,9999px,36px,0)}5%{clip:rect(50px,9999px,52px,0)}10%{clip:rect(20px,9999px,22px,0)}15%{clip:rect(45px,9999px,46px,0)}20%{clip:rect(10px,9999px,12px,0)}25%{clip:rect(30px,9999px,32px,0)}30%{clip:rect(42px,9999px,44px,0)}35%{clip:rect(12px,9999px,60px,0)}40%{clip:rect(40px,9999px,40px,0)}45%{clip:rect(32px,9999px,50px,0)}50%{clip:rect(15px,9999px,16px,0)}55%{clip:rect(35px,9999px,36px,0)}60%{clip:rect(50px,9999px,52px,0)}65%{clip:rect(20px,9999px,22px,0)}70%{clip:rect(45px,9999px,46px,0)}75%{clip:rect(10px,9999px,12px,0)}80%{clip:rect(30px,9999px,32px,0)}85%{clip:rect(42px,9999px,44px,0)}90%{clip:rect(12px,9999px,60px,0)}95%{clip:rect(40px,9999px,40px,0)}100%{clip:rect(32px,9999px,50px,0)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-1deg)}20%{transform:skew(1deg)}30%{transform:skew(-2deg)}40%{transform:skew(2deg)}50%{transform:skew(0)}60%{transform:skew(1deg)}70%{transform:skew(-1deg)}80%{transform:skew(.5deg)}90%{transform:skew(-.5deg)}100%{transform:skew(0)}}.reveal{opacity:0;transform:translateY(40px);transition:.8s}.reveal.active{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#0e7490;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#06b6d4}.btn-primary{padding:.75rem 1.5rem;border-radius:.5rem;color:#0f172a;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:.3s;background:linear-gradient(90deg,#06b6d4,#22d3ee);box-shadow:0 0 15px rgba(56,189,248,.3);display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(56,189,248,.5)}.btn-tertiary{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1877F2,#0D5FD6);color:#fff;border-radius:.5rem;font-weight:600;text-decoration:none;transition:.3s;box-shadow:0 4px 15px rgba(24,119,242,.3);border:1px solid rgba(255,255,255,.1)}.btn-tertiary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(24,119,242,.4);color:#fff}.btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;color:#f0f9ff;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:.3s;background:transparent;border:1px solid #06b6d4;display:inline-block}.btn-secondary:hover{background:rgba(6,182,212,.1);transform:translateY(-2px);box-shadow:0 0 15px rgba(56,189,248,.2)}.nav-link{position:relative;color:#d1d5db;transition:.3s}.nav-link:hover{color:#06b6d4}.nav-link:after{content:'';position:absolute;width:0;height:1px;bottom:-4px;left:50%;transform:translateX(-50%);background-color:#06b6d4;transition:.3s}.nav-link:hover:after{width:100%}.nav-link-mobile{font-family:'Orbitron',sans-serif;font-size:1.5rem;font-weight:700;color:#d1d5db;padding:1rem;transition:.3s}.nav-link-mobile:hover{color:#22d3ee;transform:scale(1.1)}.tag{display:inline-block;background-color:rgba(6,182,212,.15);color:#22d3ee;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em}.coming-soon{position:relative;display:inline-block;color:#22d3ee;text-shadow:0 0 8px rgba(34,211,238,.8),0 0 16px rgba(34,211,238,.5);animation:glowPulse 2s ease-in-out infinite;letter-spacing:.5px;font-size:.875rem}@keyframes glowPulse{0%{text-shadow:0 0 6px rgba(34,211,238,.6),0 0 12px rgba(34,211,238,.3);opacity:.9}50%{text-shadow:0 0 14px rgba(34,211,238,1),0 0 28px rgba(34,211,238,.8);opacity:1}100%{text-shadow:0 0 6px rgba(34,211,238,.6),0 0 12px rgba(34,211,238,.3);opacity:.9}}.hover-glow{transition:.4s}.hover-glow:hover{box-shadow:0 0 18px rgba(34,211,238,.35);transform:translateY(-4px);border-color:rgba(34,211,238,.4)}#comingSoonProjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;max-height:0;opacity:0;overflow:hidden;transform:scaleY(.95);transform-origin:top;transition:max-height .6s ease-in-out,opacity .5s ease,transform .5s ease}#comingSoonProjects.show{max-height:5000px;opacity:1;transform:scaleY(1)}#comingSoonProjects .project-card{opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease}#comingSoonProjects.show .project-card{opacity:1;transform:translateY(0)}#comingSoonProjects.show .project-card:nth-child(1){transition-delay:.05s}#comingSoonProjects.show .project-card:nth-child(2){transition-delay:.1s}#comingSoonProjects.show .project-card:nth-child(3){transition-delay:.15s}#comingSoonProjects.show .project-card:nth-child(4){transition-delay:.2s}#comingSoonProjects.show .project-card:nth-child(5){transition-delay:.25s}#comingSoonProjects.show .project-card:nth-child(6){transition-delay:.3s}.glow-text{background:linear-gradient(90deg,#22d3ee,#38bdf8,#67e8f9);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glowShift 4s linear infinite}@keyframes glowShift{0%{background-position:0}100%{background-position:200%}}.skill-card{padding:1.5rem}.skill-card ul li{display:flex;align-items:center}.skill-card:hover{transform:translateY(-4px)}body:not(.loaded) section{opacity:0;transform:translateY(15px)}body.loaded section{opacity:1;transform:translateY(0);transition:.8s}.footer{border-top:1px solid rgba(34,211,238,.1);margin-top:4rem}

/* --- ADDED INLINE STYLES --- */

/* NEON BUTTON STYLES */
.neon-button {
    font-family: 'Exo 2', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 50px;
    background: linear-gradient(145deg, #2a0a2a, #1a0a1a);
    border: 2px solid #f0f;
    position: relative;
    z-index: 1;
    text-shadow: 0 0 5px #fff, 0 0 10px #f0f, 0 0 20px #f0f;
    box-shadow: 0 0 10px #f0f, 0 0 20px #f0f, 0 0 30px #f0f, inset 0 0 10px #f0f;
    transition: all .3s ease;
}
.neon-button::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: inherit;
    box-shadow: 0 0 20px #0ff, 0 0 35px #0ff;
    filter: blur(5px);
    transition: all .3s ease;
    opacity: .8;
}
.neon-button:hover {
    border-color: #0ff;
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 10px #0ff, 0 0 20px #0ff;
    box-shadow: 0 0 10px #0ff, 0 0 20px #0ff, 0 0 30px #0ff, inset 0 0 10px #0ff;
}
.neon-button:hover::before {
    box-shadow: 0 0 20px #f0f, 0 0 35px #f0f;
    opacity: 1;
}
.neon-button svg {
    width: 1.5rem;
    height: 1.5rem;
    stroke: currentColor;
    filter: drop-shadow(0 0 3px currentColor);
}

/* BODY PROTECTION & BACKGROUND */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body::after {
    content: 'Sagar Bastola';
    position: fixed;
    top: 0;
    right: 0;
    color: rgba(255, 255, 255, .01);
    font-size: 1px;
    pointer-events: none;
    z-index: -1;
}
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMDAnIGhlaWdodD0nMjAwJz48dGV4dCB4PSc1MCUnIHk9JzUwJScgZm9udC1zaXplPScyMCcgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwwLjA1KScgdGV4dC1hbmNob3I9J21pZGRsZScgZG9taW5hbnQtYmFzbGluZT0nbWlkZGxlJz5TQUdBUiBCQVNUT0xBPC90ZXh0Pjwvc3ZnPg==');
    background-size: 200px 200px;
    background-repeat: repeat;
    pointer-events: none;
    opacity: .05;
    z-index: 9999;
}

/* LEADERBOARD BUTTON STYLE */
.leaderboard-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 35px;
    background: linear-gradient(to right, #141e30, #243b55);
    border: 1px solid rgba(0, 247, 255, 0.3);
    border-left: 4px solid #00f7ff; 
    border-right: 4px solid #00f7ff;
    color: #e0e0e0;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.95rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.leaderboard-link:hover {
    background: linear-gradient(to right, #1a2a40, #2b4b6b); 
    border-color: #00f7ff;
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 247, 255, 0.2);
    transform: translateY(-3px);
}
.leaderboard-link i {
    color: #ffd700; /* Gold */
    filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.5));
    font-size: 1.2rem;
    animation: pulse-gold 2s infinite;
}
@keyframes pulse-gold {
    0% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(1); opacity: 0.8; }
}