*{box-sizing:border-box}
:root{--bg:#050505;--white:#fff}
html,body{margin:0;padding:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh}
.page-shell{min-height:100vh;background:#050505}
.hero{position:relative;min-height:calc(100vh - 220px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 18px 34px;isolation:isolate}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-3}
.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(to bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,.10) 28%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.82) 87%,#050505 100%)}
.top-socials{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px}
.social-link,.socials-inline a{width:34px;height:34px;display:grid;place-items:center}
.social-link svg,.socials-inline svg{width:100%;height:100%;fill:#fff}
.divider{width:1px;height:32px;background:rgba(255,255,255,.45)}
.profile{width:min(100%,640px);margin:0 auto;text-align:center}
.name-row{display:flex;align-items:center;justify-content:center;gap:8px}
.name-row h1{margin:0;font-size:clamp(42px,10vw,72px);line-height:.95;font-weight:700;letter-spacing:-2px;text-shadow:0 4px 16px rgba(0,0,0,.55)}
.verified{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));
}

.verified svg{
  width:100%;
  height:100%;
  display:block;
}

.badge-bg{
  fill:#1877F2;
}

.badge-check{
  fill:#8ED8FF;
}

.active-row{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(19px,4.6vw,30px);text-shadow:0 2px 10px rgba(0,0,0,.55)}
.active-dot{width:14px;height:14px;border-radius:50%;background:#18bf53;box-shadow:0 0 0 5px rgba(24,191,83,.12),0 0 18px rgba(24,191,83,.5)}
.socials-inline{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:22px}
.socials-inline .divider{height:30px}
.tagline{margin:16px auto 0;font-size:clamp(18px,4vw,26px);line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.explore-button{width:min(100%,680px);margin:30px auto 0;min-height:78px;border-radius:42px;display:flex;align-items:center;gap:18px;padding:0 22px;text-decoration:none;color:#111;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.35);transition:transform .18s ease,box-shadow .18s ease}
.explore-button:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(0,0,0,.45)}
.explore-button:active{transform:translateY(0)}
.explore-icon{width:60px;height:44px;display:grid;place-items:center;flex:0 0 auto}
.explore-icon svg{width:54px;height:30px;fill:#050505}
.button-text{flex:1;text-align:center;font-size:clamp(20px,5vw,28px);font-weight:700}
.arrow{font-size:46px;line-height:1}
.footer{text-align:center;padding:8px 18px calc(15px + env(safe-area-inset-bottom));background:#050505;color:rgba(255,255,255,.8);font-size:15px}
.footer button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}
.footer span{margin:0 9px;color:rgba(255,255,255,.4)}
.footer p{margin:22px 0 0;color:rgba(255,255,255,.55)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);display:none;align-items:flex-end;justify-content:center;z-index:50;padding:16px}
.modal.is-open{display:flex}
.modal-card{width:min(100%,720px);max-height:82vh;overflow:auto;background:#111;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:24px 24px 16px 16px;padding:28px 22px 24px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.modal-card h2{margin:0 0 12px;font-size:26px}
.modal-card h3{margin:24px 0 8px;font-size:18px}
.modal-card p{color:rgba(255,255,255,.82);line-height:1.65}
.modal-card .small{font-size:13px;color:rgba(255,255,255,.55)}
.close{position:absolute;right:14px;top:10px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#1c1c1c;color:#fff;font-size:28px;cursor:pointer}
.report-mail{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:28px;background:#fff;color:#111;text-decoration:none;font-weight:700}
code{font-family:Consolas,monospace;color:#fff}
@media (min-width:768px){.hero{min-height:860px;padding-left:32px;padding-right:32px}.footer{font-size:16px}}

/* Sensitive Content Popup */

.sensitive-modal {
    position: fixed;
    inset: 0;
    z-index: 99998;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: rgba(0, 0, 0, 0.28);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity .2s ease,
        visibility .2s ease;
}

.sensitive-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.sensitive-card {
    width: min(100%, 680px);

    display: flex;
    align-items: center;
    gap: 14px;

    padding: 14px 18px;

    background: #ffffff;
    color: #111111;

    border-radius: 999px;

    box-shadow: 0 8px 30px rgba(0,0,0,.25);

    transform: none;
transition: none;
}

.sensitive-modal.is-open .sensitive-card {
    transform: translateY(0);
}

.sensitive-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 50%;

    background: #16a5e8;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.sensitive-message {
    flex: 1;
    text-align: center;
}

.sensitive-title {
    font-size: 14px;
    line-height: 1.25;
    color: #666666;
    margin-bottom: 2px;
}

.sensitive-continue {
    width: 100%;

    border: 0;
    padding: 0;

    background: transparent;

    color: #111111;

    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;

    cursor: pointer;
}

.sensitive-continue:hover {
    opacity: .7;
}

.sensitive-close,
.sensitive-back {
    display: none !important;
}

@media (max-width: 600px) {

    .sensitive-modal {
        padding: 0;
    }

    .sensitive-card {
        padding: 13px 18px;
        gap: 12px;
    }

    .sensitive-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .sensitive-title {
        font-size: 13px;
    }

    .sensitive-continue {
        font-size: 16px;
    }
}