#hero-bio {
        position: relative;
        overflow: hidden;
    }
    .alias-form {
        background: var(--bs-white);
        border-radius: 1rem;
        padding: 0.5rem;
        box-shadow: 0 8px 30px rgba(0,0,0,0.05);
        border: 1px solid #dee2e6;
        transition: all .3s ease;
    }
    .alias-form:focus-within {
        border-color: var(--bs-primary);
        box-shadow: 0 8px 30px rgba(var(--bs-primary-rgb), 0.1);
    }
    .alias-form .form-control {
        background-color: transparent;
        border: none;
        font-weight: 500;
        color: var(--bs-dark);
    }
    .alias-form .form-control:focus {
        box-shadow: none;
    }
    .alias-form .btn-primary {
        border-radius: .75rem;
    }
    html[data-theme=dark] .alias-form {
        background: #151a20;
        border-color: rgba(42, 49, 58, 0.9);
        box-shadow: none;
    }
    html[data-theme=dark] .alias-form:focus-within {
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.18);
    }
    html[data-theme=dark] .alias-form .input-group-text,
    html[data-theme=dark] .alias-form .form-control {
        color: #fff;
    }
    html[data-theme=dark] .alias-form .form-control::placeholder {
        color: #9ca3af;
    }
    .bio-visuals-container {
        position: relative;
        perspective: 1500px;
    }
    .phone-mockup {
        position: relative;
        width: 300px;
        height: 620px;
        background: #1c1c1e;
        border-radius: 40px;
        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25), inset 0 0 10px rgba(0,0,0,0.5);
        padding: 15px;
        margin: 0 auto;
        transform-style: preserve-3d;
        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .phone-screen {
        background: #f9f9f9;
        width: 100%;
        height: 100%;
        border-radius: 25px;
        overflow-y: auto;
        padding: 20px;
        text-align: center;
        transform: translateZ(20px);
    }
    /* Hide scrollbar */
    .phone-screen::-webkit-scrollbar {
        display: none;
    }
    .phone-screen {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .profile-avatar {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: 0 auto 1rem;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        animation: pop-in 0.5s ease-out 0.2s backwards;
    }
    .profile-name {
        font-weight: 700;
        font-size: 1.5rem;
        color: #1d1d1f;
        animation: fade-in-up 0.5s ease-out 0.4s backwards;
    }
    .social-icons {
        margin-top: 1rem;
        animation: fade-in-up 0.5s ease-out 0.6s backwards;
    }
    .social-icons a {
        font-size: 1.5rem;
        margin: 0 0.75rem;
        color: #6c757d;
        transition: color 0.3s ease;
    }
    .social-icons a:hover {
        color: var(--bs-primary);
    }
    .link-item {
        background: var(--bs-white);
        color: var(--bs-dark);
        display: block;
        padding: 1rem;
        margin-top: 1rem;
        border-radius: 0.75rem;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        transition: all 0.3s ease;
        animation: fade-in-up 0.5s ease-out backwards;
    }
    .link-item:hover {
        transform: scale(1.05);
        box-shadow: 0 6px 20px rgba(var(--bs-primary-rgb), 0.15);
        background: var(--bs-primary);
        color: var(--bs-white);
    }
    .link-item:nth-of-type(1) { animation-delay: 0.8s; }
    .link-item:nth-of-type(2) { animation-delay: 0.9s; }
    .link-item:nth-of-type(3) { animation-delay: 1.0s; }

    @keyframes pop-in {
        from { transform: scale(0.5); opacity: 0; }
        to { transform: scale(1); opacity: 1; }
    }
    @keyframes fade-in-up {
        from { transform: translateY(20px); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }