/* Custom Scrollbar */
 ::-webkit-scrollbar {
     width: 8px;
 }

 ::-webkit-scrollbar-track {
     background: #0f172a;
 }

 ::-webkit-scrollbar-thumb {
     background: #334155;
     border-radius: 4px;
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #475569;
 }

 /* Social Icon */
 .social-icon {
     width: 60px;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.75);
     border: 1px solid rgba(148, 163, 184, 0.25);
     backdrop-filter: blur(20px);
     box-shadow: 0 8px 25px rgba(15, 23, 42, .08);
     transition: all .35s ease;
 }

 /* Social Icon Hover Effect */

 .social-icon i {
     font-size: 28px;
     color: #334155;
     transition: all .35s ease;
 }

 .social-icon:nth-child(1):hover {
     transform: translateY(-6px);
     border-color: #181717;
     box-shadow: 0 15px 35px rgba(24, 23, 23, .15);
 }

 .social-icon:nth-child(1):hover i {
     color: #181717;
 }

 .social-icon:nth-child(2):hover {
     transform: translateY(-6px);
     border-color: #0A66C2;
     box-shadow: 0 15px 35px rgba(10, 102, 194, .20);
 }

 .social-icon:nth-child(2):hover i {
     color: #0A66C2;
 }

 .social-icon:nth-child(3):hover {
     transform: translateY(-6px);
     border-color: #EA4335;
     box-shadow: 0 15px 35px rgba(234, 67, 53, .20);
 }

 .social-icon:nth-child(3):hover i {
     color: #EA4335;
 }

 /* For Image  */
 .hero-image{
    width:420px;
    max-width:100%;
    position:relative;
    z-index:10;
    filter:drop-shadow(0 25px 50px rgba(0,0,0,.15));
    animation:floatImage 6s ease-in-out infinite;
}

.hero-glow{
    position:absolute;
    width:380px;
    height:380px;
    border-radius:999px;
    filter:blur(90px);
    z-index:1;
}

.hero-avatar{
    width: 420px;
    height: 420px;
    border-radius: 9999px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    backdrop-filter: blur(20px);
    animation: floatAvatar 6s ease-in-out infinite;
}

.hero-avatar-img{
    width:100%;
    height:100%;
    object-fit: cover;
}

/* Dark Theme */

body:not(.light-theme) .hero-avatar{
    border: 4px solid rgba(139,92,246,.35);
    box-shadow:
        0 0 50px rgba(139,92,246,.25),
        0 25px 60px rgba(0,0,0,.35);
}

.hero-circle-glow{
    position:absolute;
    width:500px;
    height:500px;
    border-radius:999px;
    filter:blur(100px);
    z-index:1;
}

body:not(.light-theme) .hero-circle-glow{
    background:
    radial-gradient(
        circle,
        rgba(139,92,246,.55),
        rgba(99,102,241,.25),
        transparent 70%
    );
}

/* Light Theme */

body.light-theme .hero-avatar{
    border: 5px solid white;
    box-shadow:
        0 25px 70px rgba(15,23,42,.12);
}

body.light-theme .hero-circle-glow{
    background:
    radial-gradient(
        circle,
        rgba(99,102,241,.20),
        rgba(168,85,247,.15),
        transparent 70%
    );
}

@keyframes floatAvatar{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-10px);
    }
    100%{
        transform:translateY(0px);
    }
}

 /* Glassmorphism utilities */
 .glass {
     background: rgba(30, 41, 59, 0.7);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border: 1px solid rgba(255, 255, 255, 0.05);
 }

 .glass-card {
     background: rgba(15, 23, 42, 0.6);
     backdrop-filter: blur(8px);
     border: 1px solid rgba(255, 255, 255, 0.08);
     transition: all 0.3s ease;
 }

 .glass-card:hover {
     border-color: rgba(99, 102, 241, 0.4);
     transform: translateY(-4px);
     box-shadow: 0 10px 30px -10px rgba(99, 102, 241, 0.2);
 }

 /* Ambient Glow */
 .glow-circle {
     position: fixed;
     border-radius: 50%;
     filter: blur(120px);
     z-index: -1;
     opacity: 0.4;
     pointer-events: none;
 }

 /* Light Theme */

 #cursor-glow {
     position: fixed;
     width: 700px;
     height: 700px;
     filter: blur(120px);
     opacity: .9;
     border-radius: 50%;
     pointer-events: none;
     z-index: -1;
     transform: translate(-50%, -50%);
 }

 body.light-theme #cursor-glow {
     background:
         radial-gradient(circle,
             rgba(99, 102, 241, .30),
             rgba(168, 85, 247, .20),
             rgba(14, 165, 233, .15),
             transparent 70%);
 }


 body.light-theme {
     background: #f8fafc;
     color: #334155;
 }

 /* Background */
 body.light-theme::before {
     content: "";
     position: fixed;
     inset: 0;
     background:
         radial-gradient(circle at 20% 20%, rgba(99, 102, 241, .15), transparent 35%),
         radial-gradient(circle at 80% 70%, rgba(168, 85, 247, .12), transparent 35%),
         radial-gradient(circle at 50% 50%, rgba(14, 165, 233, .10), transparent 40%);
     pointer-events: none;
     z-index: -2;
 }

 /* Navbar */
 body.light-theme nav {
     background: rgba(255, 255, 255, .75);
     backdrop-filter: blur(20px);
     border-bottom: 1px solid #e2e8f0;
 }

body.light-theme nav a:not(.nav-contact-btn){
    color:#0f172a !important;
}

 body.light-theme nav a:hover {
     color: #4f46e5 !important;
 }

 /* Logo */
 body.light-theme .text-white {
     color: #0f172a !important;
 }

 /* Hero Text */
 body.light-theme h1 {
     color: #0f172a !important;
 }

 body.light-theme h2 {
     color: #1e293b !important;
 }

 body.light-theme p {
     color: #475569 !important;
 }

 body.light-theme .bg-brand-600 {
     background: linear-gradient(135deg,
             #2563eb,
             #4f46e5) !important;

     box-shadow:
         0 10px 30px rgba(79, 70, 229, .25);
 }

 body.light-theme .bg-brand-600:hover {
     transform: translateY(-2px);
 }

 /* Resume button */
 body.light-theme a[href*="Resume"] {
     border: 1.5px solid #94a3b8 !important;
     color: #0f172a !important;
     background: white;
 }

 body.light-theme a[href*="Resume"]:hover {
     border-color: #4f46e5 !important;
     color: #4f46e5 !important;
 }

 /* Cards */
 body.light-theme .glass-card {
     background: rgba(255, 255, 255, .85);
     border: 1px solid #e2e8f0;
     backdrop-filter: blur(20px);
     box-shadow: 0 10px 40px rgba(0, 0, 0, .06);
 }

 body.light-theme .text-brand-300,
 body.light-theme .text-purple-300,
 body.light-theme .text-blue-300,
 body.light-theme .text-green-300 {
     color: #1e293b !important;
 }

 body.light-theme .bg-brand-900\/30 {
     background: #dbeafe !important;
 }

 body.light-theme .bg-purple-900\/30 {
     background: #f3e8ff !important;
 }

 body.light-theme .bg-blue-900\/30 {
     background: #dbeafe !important;
 }

 body.light-theme .bg-green-900\/30 {
     background: #dcfce7 !important;
 }

 body.light-theme .glass-card:hover {
     transform: translateY(-5px);
     border-color: #818cf8;
 }

 /* Hero Code Box */
 body.light-theme .glass {
     background: rgba(255, 255, 255, .8);
     border: 1px solid #dbeafe;
 }

 body.light-theme pre {
     color: #6366f1 !important;
 }

 /* Inputs */
 body.light-theme input,
 body.light-theme textarea {
     background: #fff !important;
     color: #0f172a !important;
     border: 1px solid #cbd5e1 !important;
 }

 body.light-theme label {
     color: #334155 !important;
 }

 /* Footer */
 body.light-theme footer {
     background: #ffffff;
 }

 body.light-theme footer p {
     color: #64748b !important;
 }

 /* Skill Tags */
 body.light-theme .bg-slate-800 {
     background: #e0e7ff !important;
     color: #4338ca !important;
     border: 1px solid #c7d2fe !important;
     font-weight: 600;
 }

 /* Sections */
 body.light-theme .bg-slate-900\/30 {
     background: #f8fafc !important;
 }

 /* Contact Button */
 body.light-theme .bg-brand-600 {
     background: #4f46e5 !important;
 }

 body.light-theme .bg-brand-600:hover {
     background: #4338ca !important;
 }

 body.light-theme .bg-brand-600,
 body.light-theme .bg-blue-600,
 body.light-theme .bg-green-600 {
     color: white !important;
     font-weight: 600;
 }

 body.light-theme .bg-brand-600 i,
 body.light-theme .bg-blue-600 i,
 body.light-theme .bg-green-600 i {
     color: white !important;
 }

 /* Social Icons */
 body.light-theme .ph-github-logo,
 body.light-theme .ph-linkedin-logo,
 body.light-theme .ph-envelope-simple {
     color: #334155;
 }

 body.light-theme .rounded-full {
     border-color: #cbd5e1 !important;
 }

 /* Grid Background */
 .grid-bg {
     position: fixed;
     inset: 0;
     z-index: -3;
     background-image:
         linear-gradient(rgba(148, 163, 184, .08) 1px,
             transparent 1px),
         linear-gradient(90deg,
             rgba(148, 163, 184, .08) 1px,
             transparent 1px);

     background-size: 40px 40px;
     pointer-events: none;
 }

 body:not(.light-theme) .grid-bg {
     display: none;
 }

 /* Social Icon */
 body.light-theme .social-icon{
     background:rgba(255,255,255,.95);
     border:1px solid #e2e8f0;
    }
    
    body.light-theme .social-icon i{
        color:#334155;
    }
    
    /* Social Icon Dark Theme */
    body:not(.light-theme) .social-icon{
    background:rgba(15,23,42,.8);
    border:1px solid rgba(255,255,255,.08);
}

body:not(.light-theme) .social-icon i{
    color:#cbd5e1;
}