* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #000;
    font-family: Arial, sans-serif;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}

/* Nebula-like gradient overlay */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 30% 30%, rgba(50, 0, 100, 0.3), transparent 70%),
                radial-gradient(circle at 70% 70%, rgba(0, 50, 100, 0.3), transparent 70%);
    opacity: 0.5;
    z-index: 0;
}

.main {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 1px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 24vw 9vh 1px 0px #fff,12vw -24vh 0px 1px #fff,-45vw -22vh 0px 0px #fff,-37vw -40vh 0px 1px #fff,29vw 19vh 0px 1px #fff,4vw -8vh 0px 1px #fff,-5vw 21vh 1px 1px #fff,-27vw 26vh 1px 1px #fff,-47vw -3vh 1px 1px #fff,-28vw -30vh 0px 1px #fff,-43vw -27vh 0px 1px #fff,4vw 22vh 1px 1px #fff,36vw 23vh 0px 0px #fff,-21vw 24vh 1px 1px #fff,-16vw 2vh 1px 0px #fff,-16vw -6vh 0px 0px #fff,5vw 26vh 0px 0px #fff,-34vw 41vh 0px 0px #fff,1vw 42vh 1px 1px #fff,11vw -13vh 1px 1px #fff,48vw -8vh 1px 0px #fff,22vw -15vh 0px 0px #fff,45vw 49vh 0px 0px #fff,43vw -27vh 1px 1px #fff,20vw -2vh 0px 0px #fff,8vw 22vh 0px 1px #fff,39vw 48vh 1px 1px #fff,-21vw -11vh 0px 1px #fff,-40vw 45vh 0px 1px #fff,11vw -30vh 1px 0px #fff,26vw 30vh 1px 0px #fff,45vw -29vh 0px 1px #fff,-2vw 18vh 0px 0px #fff,-29vw -45vh 1px 0px #fff,-7vw -27vh 1px 1px #fff,42vw 24vh 0px 0px #fff,45vw -48vh 1px 0px #fff,-36vw -18vh 0px 0px #fff,-44vw 13vh 0px 1px #fff,36vw 16vh 0px 1px #fff,40vw 24vh 0px 0px #fff,18vw 11vh 0px 0px #fff,-15vw -23vh 1px 0px #fff,-24vw 48vh 0px 1px #fff,27vw -45vh 1px 0px #fff,-2vw -24vh 0px 1px #fff,-15vw -28vh 0px 0px #fff,-43vw 13vh 1px 0px #fff,7vw 27vh 1px 0px #fff,47vw 5vh 0px 0px #fff,-45vw 15vh 1px 1px #fff,-5vw -28vh 0px 1px #fff,38vw 25vh 1px 1px #fff,-39vw -1vh 1px 0px #fff,5vw 0vh 1px 0px #fff,49vw 13vh 0px 0px #fff,48vw 10vh 0px 1px #fff,19vw -28vh 0px 0px #fff,4vw 7vh 0px 0px #fff,21vw 21vh 1px 1px #fff,-15vw -15vh 0px 1px #fff,-6vw -42vh 1px 0px #fff,-15vw 48vh 1px 1px #fff,-23vw 25vh 1px 1px #fff,-48vw 25vh 0px 1px #fff,-31vw -19vh 0px 1px #fff,4vw 37vh 1px 1px #fff,-43vw 28vh 0px 0px #fff,3vw -25vh 0px 1px #fff,-39vw 14vh 0px 1px #fff,-40vw 31vh 0px 1px #fff,35vw -36vh 1px 1px #fff,16vw 49vh 0px 0px #fff,6vw 39vh 0px 0px #fff,3vw -35vh 0px 1px #fff,-44vw -2vh 1px 0px #fff,-6vw 21vh 1px 0px #fff,48vw 9vh 1px 1px #fff,-43vw 30vh 1px 1px #fff,29vw -12vh 1px 1px #fff,-48vw 13vh 1px 0px #fff,-42vw 32vh 1px 1px #fff,34vw 15vh 1px 1px #fff,29vw -37vh 1px 1px #fff,28vw 2vh 0px 0px #fff;
    animation: zoom 16s alternate infinite;
}

.stars-layer2 {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 1px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: -42vw -4vh 0px 0px #fff,25vw -41vh 0px 0px #fff,-20vw 49vh 0px 1px #fff,5vw 40vh 1px 1px #fff,29vw 19vh 1px 0px #fff,-44vw -13vh 0px 0px #fff,46vw 41vh 0px 1px #fff,-3vw -45vh 0px 1px #fff,47vw 35vh 1px 0px #fff,12vw -8vh 1px 0px #fff,-34vw 48vh 1px 1px #fff,32vw 26vh 1px 1px #fff,32vw -41vh 1px 1px #fff,0vw 37vh 1px 1px #fff,34vw -26vh 1px 0px #fff,-14vw -49vh 1px 0px #fff,-12vw 45vh 0px 1px #fff,-44vw -33vh 0px 1px #fff,-13vw 41vh 0px 0px #fff,-36vw -11vh 0px 1px #fff,-23vw -24vh 1px 0px #fff,-38vw -27vh 0px 1px #fff,16vw -19vh 0px 0px #fff,28vw 33vh 1px 0px #fff,-49vw -4vh 0px 0px #fff,16vw 32vh 0px 1px #fff,36vw -18vh 1px 0px #fff,-25vw -30vh 1px 0px #fff,-23vw 24vh 0px 1px #fff,-2vw -35vh 1px 1px #fff,-25vw 9vh 0px 0px #fff,-15vw -34vh 0px 0px #fff,-8vw -19vh 1px 0px #fff,-20vw -20vh 1px 1px #fff,42vw 50vh 0px 1px #fff,-32vw 10vh 1px 0px #fff,-23vw -17vh 0px 0px #fff,44vw 15vh 1px 0px #fff,-40vw 33vh 1px 1px #fff,-43vw 8vh 0px 0px #fff,-48vw -15vh 1px 1px #fff,-24vw 17vh 0px 0px #fff,-31vw 50vh 1px 0px #fff,36vw -38vh 0px 1px #fff,-7vw 48vh 0px 0px #fff,15vw -32vh 0px 0px #fff,29vw -41vh 0px 0px #fff,2vw 37vh 1px 0px #fff,7vw -40vh 1px 1px #fff,15vw 18vh 0px 0px #fff,25vw -13vh 1px 1px #fff,-46vw -12vh 1px 1px #fff,-18vw 22vh 0px 0px #fff,23vw -9vh 1px 0px #fff,50vw 12vh 0px 1px #fff,45vw 2vh 0px 0px #fff,14vw -48vh 1px 0px #fff,23vw 43vh 0px 1px #fff,-40vw 16vh 1px 1px #fff,20vw -31vh 0px 1px #fff,-17vw 44vh 1px 1px #fff,18vw -45vh 0px 0px #fff,33vw -6vh 0px 0px #fff,0vw 7vh 0px 1px #fff,-10vw -18vh 0px 1px #fff,-19vw 5vh 1px 0px #fff,1vw 42vh 0px 0px #fff,22vw 48vh 0px 1px #fff,39vw -8vh 1px 1px #fff,-6vw -42vh 1px 0px #fff,-47vw 34vh 0px 0px #fff,-46vw 19vh 0px 1px #fff,-12vw -32vh 0px 0px #fff,-45vw -38vh 0px 1px #fff,-28vw 18vh 1px 0px #fff,-38vw -46vh 1px 1px #fff,49vw -6vh 1px 1px #fff,-28vw 18vh 1px 1px #fff,10vw -24vh 0px 1px #fff,-5vw -11vh 1px 1px #fff,33vw -8vh 1px 0px #fff,-16vw 17vh 0px 0px #fff,18vw 27vh 0px 1px #fff,-8vw -10vh 1px 1px #fff;
    animation: twinkle 10s ease-in-out infinite;
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.5);
    }
}

@keyframes twinkle {
    0%, 100% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
}

.container, .contact-container {
    position: relative;
    z-index: 1;
    max-width: 90vw;
    min-height: 50vh; /* Scalable height with minimum */
    background: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
    backdrop-filter: blur(5px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto; /* Allow scrolling if content exceeds height */
}

.contact-container {
    min-height: 60vh; /* Slightly taller minimum for index to accommodate links */
    justify-content: center;
}

.top-section {
    text-align: center;
    margin-bottom: 20px;
    padding: 10px 0;
}

.profile-pic {
    width: 25vw;
    max-width: 100px;
    height: 25vw;
    max-height: 100px;
    border-radius: 50%;
    margin: 0 auto 15px;
    background-image: url('https://images.unsplash.com/photo-1535713875002-d1d0cf33584f?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80');
    background-size: cover;
    background-position: center;
}

h1 {
    font-size: clamp(18px, 6vw, 24px);
    margin: 15px 0;
}

p {
    font-size: clamp(14px, 4vw, 16px);
    margin-bottom: 20px;
    color: #ccc;
}

.link {
    display: inline-block;
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 15px;
    margin: 10px 0;
    border-radius: 10px;
    font-size: clamp(16px, 5vw, 18px);
    transition: background 0.3s;
    text-align: center;
    width: auto;
}

.link:hover {
    background: #ddd;
}

.horizontal-line {
    grid-column: 1 / -1;
    border: 0;
    height: 1px;
    background: #aaa;
    margin: 10px 0;
    width: 100%;
}

.bottom-section {
    width: 100%;
    padding: 0;
}

.section {
    margin-bottom: 10px;
}

h2 {
    font-size: clamp(16px, 5vw, 18px);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 5px 0;
}

p {
    font-size: clamp(12px, 3.5vw, 14px);
    color: #aaa;
    margin: 5px 0;
    line-height: 1.4;
}

@media (max-width: 600px) {
    .container, .contact-container {
        padding: 15px;
        min-height: 60vh;
    }

    .contact-container {
        padding: 10px;
    }

    .profile-pic {
        width: 20vw;
        max-width: 80px;
        height: 20vw;
        max-height: 80px;
    }

    .top-section {
        margin-bottom: 10px;
        padding: 5px 0;
    }

    .horizontal-line {
        margin: 10px 0;
    }

    .main {
        box-shadow: 12vw 4.5vh 0.5px 0px #fff,6vw -12vh 0px 0.5px #fff,-22.5vw -11vh 0px 0px #fff,-18.5vw -20vh 0px 0.5px #fff,14.5vw 9.5vh 0px 0.5px #fff,2vw -4vh 0px 0.5px #fff,-2.5vw 10.5vh 0.5px 0.5px #fff,-13.5vw 13vh 0.5px 0.5px #fff,-23.5vw -1.5vh 0.5px 0.5px #fff,-14vw -15vh 0px 0.5px #fff,-21.5vw -13.5vh 0px 0.5px #fff,2vw 11vh 0.5px 0.5px #fff,18vw 11.5vh 0px 0px #fff,-10.5vw 12vh 0.5px 0.5px #fff,-8vw 1vh 0.5px 0px #fff,-8vw -3vh 0px 0px #fff,2.5vw 13vh 0px 0px #fff,-17vw 20.5vh 0px 0px #fff,0.5vw 21vh 0.5px 0.5px #fff,5.5vw -6.5vh 0.5px 0.5px #fff,24vw -4vh 0.5px 0px #fff,11vw -7.5vh 0px 0px #fff,22.5vw 24.5vh 0px 0px #fff,21.5vw -13.5vh 0.5px 0.5px #fff,10vw -1vh 0px 0px #fff,4vw 11vh 0px 0.5px #fff,19.5vw 24vh 0.5px 0.5px #fff,-10.5vw -5.5vh 0px 0.5px #fff,-20vw 22.5vh 0px 0.5px #fff,5.5vw -15vh 0.5px 0px #fff,13vw 15vh 0.5px 0px #fff,22.5vw -14.5vh 0px 0.5px #fff,-1vw 9vh 0px 0px #fff,-14.5vw -22.5vh 0.5px 0px #fff,-3.5vw -13.5vh 0.5px 0.5px #fff,21vw 12vh 0px 0px #fff,22.5vw -24vh 0.5px 0px #fff,-18vw -9vh 0px 0px #fff,-22vw 6.5vh 0px 0.5px #fff,18vw 8vh 0px 0.5px #fff,20vw 12vh 0px 0px #fff,9vw 5.5vh 0px 0px #fff,-7.5vw -11.5vh 0.5px 0px #fff,-12vw 24vh 0px 0.5px #fff,13.5vw -22.5vh 0.5px 0px #fff,-1vw -12vh 0px 0.5px #fff,-7.5vw -14vh 0px 0px #fff,-21.5vw 6.5vh 0.5px 0px #fff,3.5vw 13.5vh 0.5px 0px #fff,23.5vw 2.5vh 0px 0px #fff,-22.5vw 7.5vh 0.5px 0.5px #fff,-2.5vw -14vh 0px 0.5px #fff,19vw 12.5vh 0.5px 0.5px #fff,-19.5vw -0.5vh 0.5px 0px #fff,2.5vw 0vh 0.5px 0px #fff,24.5vw 6.5vh 0px 0px #fff,24vw 5vh 0px 0.5px #fff,9.5vw -14vh 0px 0px #fff,2vw 3.5vh 0px 0px #fff,10.5vw 10.5vh 0.5px 0.5px #fff,-7.5vw -7.5vh 0px 0.5px #fff,-3vw -21vh 0.5px 0px #fff,-7.5vw 24vh 0.5px 0.5px #fff,-11.5vw 12.5vh 0.5px 0.5px #fff,-24vw 12.5vh 0px 0.5px #fff,-15.5vw -9.5vh 0px 0.5px #fff,2vw 18.5vh 0.5px 0.5px #fff,-21.5vw 14vh 0px 0px #fff,1.5vw -12.5vh 0px 0.5px #fff,-19.5vw 7vh 0px 0.5px #fff,-20vw 15.5vh 0px 0.5px #fff,17.5vw -18vh 0.5px 0.5px #fff,8vw 24.5vh 0px 0px #fff,3vw 19.5vh 0px 0px #fff,1.5vw -17.5vh 0px 0.5px #fff,-22vw -1vh 0.5px 0px #fff,-3vw 10.5vh 0.5px 0px #fff,24vw 4.5vh 0.5px 0.5px #fff,-21.5vw 15vh 0.5px 0.5px #fff,14.5vw -6vh 0.5px 0.5px #fff,-24vw 6.5vh 0.5px 0px #fff,-21vw 16vh 0.5px 0.5px #fff,17vw 7.5vh 0.5px 0.5px #fff,14.5vw -18.5vh 0.5px 0.5px #fff,14vw 1vh 0px 0px #fff;
    }
}