@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800&display=swap");

/* =========================================================
   FINAL 1 CSS - THEME EMAS
   Struktur layout dirombak total tanpa mengubah logic selector.
   Dominan emas, background emas, card luxury, teks beda tiap blok.
   ========================================================= */

:root{
    --main:#d9a300;
    --main-dark:#5c3a00;
    --main-soft:#ffcf3a;
    --main-light:#fff2b8;
    --deep:#241600;
    --brown:#3a2400;
    --white:#ffffff;
    --ink:#2b1a00;
    --gold:#ffd65a;
    --gold-soft:#fff0a6;
    --bronze:#9a6500;
    --cream:#fff8df;
    --cyan:#15d7ff;
    --mint:#48ffba;
    --rose:#ff6fb7;
    --violet:#c9a7ff;
    --orange:#ff9c38;
    --blue:#69c7ff;
    --stroke:rgba(255,255,255,.42);
    --stroke-dark:rgba(92,58,0,.34);
    --card:rgba(255,248,223,.22);
    --card-dark:rgba(38,24,0,.72);
    --shadow:0 24px 70px rgba(65,42,0,.36);
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body,
.user-page-section-background{
    background-color:var(--main)!important;
    background-image:
        radial-gradient(circle at 12% 8%, rgba(255,255,255,.58) 0, rgba(255,255,255,0) 27%),
        radial-gradient(circle at 86% 12%, rgba(255,232,128,.72) 0, rgba(255,232,128,0) 30%),
        radial-gradient(circle at 18% 88%, rgba(154,101,0,.38) 0, rgba(154,101,0,0) 31%),
        linear-gradient(135deg, #f7c32d 0%, #d9a300 36%, #b57900 68%, #ffe17a 100%)!important;
    background-size:190% 190%, 170% 170%, 160% 160%, 100% 100%!important;
    background-position:center top!important;
    font-family:"Poppins","Montserrat",sans-serif!important;
    color:var(--ink)!important;
    min-height:100vh;
    overflow-x:hidden;
    animation:goldAurora 13s ease-in-out infinite alternate;
}

body::before,
.user-page-section-background::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        linear-gradient(120deg, rgba(255,255,255,.26), transparent 28%, rgba(255,255,255,.18) 57%, transparent 82%),
        repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 1px, transparent 1px 18px),
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.24), transparent 34%);
    mix-blend-mode:screen;
    opacity:.9;
}

body::after,
.user-page-section-background::after{
    content:"";
    position:fixed;
    inset:auto 0 0 0;
    height:34vh;
    pointer-events:none;
    z-index:0;
    background:linear-gradient(0deg, rgba(60,38,0,.28), rgba(60,38,0,0));
}

@keyframes goldAurora{
    0%{background-position:0% 20%, 100% 0%, 10% 90%, center;}
    100%{background-position:100% 0%, 20% 65%, 80% 100%, center;}
}

@keyframes goldFloat{
    0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 14px 26px rgba(92,58,0,.22));}
    50%{transform:translateY(-8px) scale(1.025);filter:drop-shadow(0 24px 38px rgba(255,214,90,.42));}
}

@keyframes goldSweep{
    0%{transform:translateX(-130%) rotate(18deg);}
    100%{transform:translateX(155%) rotate(18deg);}
}

@keyframes goldPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(255,246,190,.22), var(--shadow);}
    50%{box-shadow:0 0 0 10px rgba(255,246,190,.08), 0 32px 82px rgba(80,52,0,.44);}
}

@keyframes borderGlow{
    0%,100%{border-color:rgba(255,255,255,.42);}
    50%{border-color:rgba(255,231,132,.9);}
}

/* ===============================
   Struktur Utama Baru
   =============================== */

.wrapper{
    position:relative;
    z-index:1;
    width:100%;
}

.wrapper .user-page-section-content{
    position:relative;
    z-index:2;
    width:min(100%, 860px);
    margin:0 auto!important;
    padding:28px 16px 48px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
}

.wrapper .user-info{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:22px 18px 20px!important;
    border-radius:34px!important;
    background:
        linear-gradient(145deg, rgba(255,248,223,.45), rgba(255,216,77,.18)),
        linear-gradient(135deg, rgba(255,255,255,.28), rgba(92,58,0,.18))!important;
    border:1px solid rgba(255,255,255,.55)!important;
    box-shadow:
        0 30px 90px rgba(78,52,0,.32),
        inset 0 1px 0 rgba(255,255,255,.58)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    overflow:hidden!important;
}

.wrapper .user-info::before{
    content:"";
    position:absolute;
    inset:12px;
    border-radius:26px;
    border:1px dashed rgba(92,58,0,.26);
    pointer-events:none;
}

.wrapper .user-info::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-72px;
    top:-78px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.62), rgba(255,214,90,.18), transparent 68%);
    pointer-events:none;
}

/* Logo */
.wrapper .user-page-section-content .user-info .logo-container{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    justify-content:center!important;
    margin-top:2px!important;
}

.wrapper .user-page-section-content .user-info .logo-container .common-user-icon__component{
    border-radius:32px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 35% 22%, rgba(255,255,255,.98), rgba(255,238,158,.62) 42%, rgba(154,101,0,.36)),
        linear-gradient(145deg, #fff8df, #e2ad18)!important;
    border:3px solid rgba(255,255,255,.82)!important;
    box-shadow:
        0 22px 55px rgba(70,45,0,.4),
        0 0 0 10px rgba(255,255,255,.13),
        inset 0 0 32px rgba(92,58,0,.25)!important;
    animation:goldFloat 5.8s ease-in-out infinite;
}

.wrapper .user-page-section-content .user-info .logo-container .common-user-icon__component .common-user-icon-wrapper svg{
    fill:#6c4300!important;
}

/* Tombol share atas */
.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper,
.wrapper .user-page-section-content .user-info .preview-share-icon__component{
    border-radius:999px!important;
    display:flex!important;
    justify-content:center!important;
    flex-direction:column!important;
    align-content:stretch!important;
    text-align:center!important;
    align-items:center!important;
    background:rgba(255,248,223,.92)!important;
    border:1px solid rgba(255,255,255,.84)!important;
    box-shadow:0 14px 30px rgba(74,48,0,.28)!important;
    backdrop-filter:blur(12px);
    transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
}

.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper:hover,
.wrapper .user-page-section-content .user-info .preview-share-icon__component:hover{
    transform:translateY(-4px) scale(1.08);
    background:#2b1a00!important;
    box-shadow:0 22px 46px rgba(38,24,0,.38)!important;
}

.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper svg,
.wrapper .user-page-section-content .user-info .preview-share-icon__component svg{
    fill:#9a6500!important;
}

.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper:hover svg,
.wrapper .user-page-section-content .user-info .preview-share-icon__component:hover svg{
    fill:#ffd65a!important;
}

/* Nama user - warna blok 1 */
.wrapper .user-page-section-content .user-info .username{
    position:relative!important;
    z-index:2!important;
    text-align:center!important;
    margin:0 auto!important;
    padding:11px 18px!important;
    width:fit-content!important;
    max-width:100%!important;
    color:#2b1a00!important;
    font-size:23px!important;
    font-weight:900!important;
    font-family:"Montserrat","Poppins",sans-serif!important;
    letter-spacing:.8px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,239,170,.28))!important;
    border:1px solid rgba(92,58,0,.22)!important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.68),
        0 0 22px rgba(255,255,255,.48)!important;
}

/* Deskripsi user - warna blok 2 */
.wrapper .user-page-section-content .user-info .preview-user-description__component{
    position:relative!important;
    z-index:2!important;
    margin:4px auto 0!important;
    padding:15px 17px!important;
    color:#743300!important;
    font-size:16px!important;
    font-weight:700!important;
    font-family:"Poppins","Montserrat",sans-serif!important;
    line-height:1.65!important;
    text-align:center!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.32)!important;
    border:1px solid rgba(92,58,0,.18)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.46),
        0 12px 26px rgba(92,58,0,.12)!important;
    backdrop-filter:blur(12px);
}

/* ===============================
   Card Umum - Layout Baru
   =============================== */

.wrapper .preview-signup-generator__component,
.wrapper .preview-signup-generator-terms__component,
.wrapper .preview-anonymous-messages__component,
.wrapper .preview-commerce-link-item__component,
.wrapper .preview-location-item__component,
.wrapper .preview-menu-item__component,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper,
.wrapper .preview-image-sliders-list__component .youtube-gallery,
.wrapper .preview-image-sliders-list__component .slider-grid,
.wrapper .preview-image-sliders-list__component .instagram-gallery{
    position:relative!important;
    overflow:hidden!important;
    border-radius:26px!important;
    font-family:"Poppins","Montserrat",sans-serif!important;
    background:
        linear-gradient(145deg, rgba(255,248,223,.26), rgba(255,214,90,.1)),
        linear-gradient(135deg, rgba(43,26,0,.9), rgba(112,72,0,.82))!important;
    border:1px solid var(--stroke)!important;
    box-shadow:var(--shadow)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        filter .28s ease,
        background .28s ease!important;
}

.wrapper .preview-signup-generator__component::before,
.wrapper .preview-signup-generator-terms__component::before,
.wrapper .preview-anonymous-messages__component::before,
.wrapper .preview-commerce-link-item__component::before,
.wrapper .preview-location-item__component::before,
.wrapper .preview-menu-item__component::before,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper::before,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper::before{
    content:"";
    position:absolute;
    top:-42%;
    left:0;
    width:44%;
    height:185%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
    transform:translateX(-130%) rotate(18deg);
    pointer-events:none;
}

.wrapper .preview-signup-generator__component::after,
.wrapper .preview-signup-generator-terms__component::after,
.wrapper .preview-anonymous-messages__component::after,
.wrapper .preview-commerce-link-item__component::after,
.wrapper .preview-location-item__component::after,
.wrapper .preview-menu-item__component::after,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper::after,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper::after,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper::after,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 8% 12%, rgba(255,214,90,.34), transparent 24%),
        radial-gradient(circle at 92% 88%, rgba(255,255,255,.16), transparent 22%);
}

.wrapper .preview-signup-generator__component:hover,
.wrapper .preview-signup-generator-terms__component:hover,
.wrapper .preview-anonymous-messages__component:hover,
.wrapper .preview-commerce-link-item__component:hover,
.wrapper .preview-location-item__component:hover,
.wrapper .preview-menu-item__component:hover,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper:hover{
    transform:translateY(-7px) scale(1.018)!important;
    border-color:rgba(255,232,128,.92)!important;
    background:
        linear-gradient(145deg, rgba(255,248,223,.34), rgba(255,214,90,.14)),
        linear-gradient(135deg, rgba(29,18,0,.96), rgba(137,88,0,.88))!important;
    box-shadow:
        0 34px 90px rgba(62,40,0,.48),
        0 0 0 1px rgba(255,225,112,.35),
        inset 0 1px 0 rgba(255,255,255,.34)!important;
    filter:saturate(1.14) contrast(1.04);
}

.wrapper .preview-signup-generator__component:hover::before,
.wrapper .preview-signup-generator-terms__component:hover::before,
.wrapper .preview-anonymous-messages__component:hover::before,
.wrapper .preview-commerce-link-item__component:hover::before,
.wrapper .preview-location-item__component:hover::before,
.wrapper .preview-menu-item__component:hover::before,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper:hover::before,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper:hover::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper:hover::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper:hover::before{
    animation:goldSweep .9s ease forwards;
}

/* Thumbnail */
.wrapper .preview-signup-generator__component .thumbnail,
.wrapper .preview-signup-generator-terms__component .thumbnail,
.wrapper .preview-anonymous-messages__component .thumbnail,
.wrapper .preview-commerce-link-item__component .thumbnail,
.wrapper .preview-location-item__component .thumbnail,
.wrapper .preview-menu-item__component .thumbnail,
.wrapper .preview-links-list__component .preview-link-item__component .thumbnail,
.wrapper .preview-links-list__component .preview-lock-link-item__component .thumbnail{
    border-radius:18px!important;
    border:1px solid rgba(255,239,170,.56)!important;
    box-shadow:
        0 12px 28px rgba(35,22,0,.34),
        inset 0 0 0 1px rgba(255,255,255,.18)!important;
}

/* Signup / pesan anonim - warna blok 3 */
.wrapper .preview-signup-generator__component,
.wrapper .preview-signup-generator-terms__component,
.wrapper .preview-anonymous-messages__component{
    color:#fff2a8!important;
    font-weight:700!important;
}

/* Commerce & lokasi - warna blok 4 */
.wrapper .preview-commerce-link-item__component,
.wrapper .preview-location-item__component{
    color:#48ffba!important;
    font-weight:700!important;
}

.wrapper .preview-commerce-link-item__component .up-down-icon svg,
.wrapper .preview-location-item__component .up-down-icon svg{
    fill:#48ffba!important;
}

/* Menu - warna blok 5 */
.wrapper .preview-menu-item__component{
    color:#69c7ff!important;
    font-weight:700!important;
}

.wrapper .preview-menu-item__component .up-down-icon svg{
    fill:#69c7ff!important;
}

/* Header & text block - warna blok 6 */
.wrapper .preview-links-list__component .preview-header-component,
.wrapper .preview-links-list__component .preview-text-block-component{
    position:relative!important;
    text-align:center!important;
    padding:13px 16px!important;
    margin:14px 0!important;
    color:#371f00!important;
    font-size:22px!important;
    font-weight:900!important;
    font-family:"Montserrat","Poppins",sans-serif!important;
    letter-spacing:.6px!important;
    border-radius:22px!important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.5), rgba(255,224,111,.34))!important;
    border:1px solid rgba(92,58,0,.2)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.56),
        0 12px 28px rgba(92,58,0,.16)!important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.62),
        0 0 16px rgba(255,255,255,.26)!important;
}

/* Link utama - warna blok 7 */
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper{
    min-height:62px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    color:#ffffff!important;
    font-weight:800!important;
    letter-spacing:.2px!important;
}

/* Bikin struktur link beda: item ganjil/kiri & genap/kanan */
.wrapper .preview-links-list__component .preview-link-item__component:nth-child(odd) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(odd) .preview-link-wrapper{
    transform-origin:left center!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(even) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(even) .preview-link-wrapper{
    transform-origin:right center!important;
}

/* Warna teks beda tiap item */
.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+1) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+1) .preview-link-wrapper{
    color:#fff2a8!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+2) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+2) .preview-link-wrapper{
    color:#48ffba!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+3) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+3) .preview-link-wrapper{
    color:#69c7ff!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+4) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+4) .preview-link-wrapper{
    color:#ff6fb7!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+5) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+5) .preview-link-wrapper{
    color:#ffb46b!important;
}

.wrapper .preview-links-list__component .preview-link-item__component:nth-child(6n+6) .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component:nth-child(6n+6) .preview-link-wrapper{
    color:#c9a7ff!important;
}

/* Icon di dalam link */
.wrapper .preview-links-list__component .preview-link-item__component .phone-thumbnail svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .phone-thumbnail svg,
.wrapper .preview-links-list__component .preview-link-item__component .preview-share-icon__component,
.wrapper .preview-links-list__component .preview-link-item__component .shevron-icon__component,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-share-icon__component,
.wrapper .preview-links-list__component .preview-lock-link-item__component .shevron-icon__component,
.wrapper .preview-links-list__component .preview-link-item__component .preview-share-icon__component svg,
.wrapper .preview-links-list__component .preview-link-item__component .shevron-icon__component svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-share-icon__component svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .shevron-icon__component svg{
    fill:#fff2a8!important;
    color:#fff2a8!important;
}

/* Expanded block */
.wrapper .preview-links-list__component .preview-link-item__component .common-expanded-block,
.wrapper .preview-links-list__component .preview-link-item__component .common-expanded-locked-block__component,
.wrapper .preview-links-list__component .preview-lock-link-item__component .common-expanded-block,
.wrapper .preview-links-list__component .preview-lock-link-item__component .common-expanded-locked-block__component{
    border-radius:0 0 24px 24px!important;
    border-top:none!important;
    background:
        linear-gradient(135deg, rgba(255,248,223,.22), rgba(255,214,90,.08))!important;
    color:#fff2a8!important;
    border-left:1px solid rgba(255,239,170,.32)!important;
    border-right:1px solid rgba(255,239,170,.32)!important;
    border-bottom:1px solid rgba(255,239,170,.32)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* Gallery - warna blok 8 */
.wrapper .preview-image-sliders-list__component .youtube-gallery,
.wrapper .preview-image-sliders-list__component .slider-grid,
.wrapper .preview-image-sliders-list__component .instagram-gallery{
    color:#ffb46b!important;
    animation:goldPulse 6s ease-in-out infinite, borderGlow 4.5s ease-in-out infinite;
}

/* Social - warna blok 9 */
.wrapper .preview-social-links__component{
    display:flex!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
}

.wrapper .preview-social-links__component .social-link-item__component{
    color:#371f00!important;
    fill:#371f00!important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,226,122,.38))!important;
    border:1px solid rgba(92,58,0,.22)!important;
    border-radius:999px!important;
    box-shadow:0 14px 30px rgba(72,46,0,.24)!important;
    transition:transform .25s ease, background .25s ease, box-shadow .25s ease, color .25s ease;
}

.wrapper .preview-social-links__component .social-link-item__component:hover{
    transform:translateY(-5px) rotate(-4deg) scale(1.1);
    color:#ffffff!important;
    fill:#ffffff!important;
    background:linear-gradient(135deg, #2b1a00, #8a5a00)!important;
    box-shadow:0 22px 48px rgba(54,34,0,.38)!important;
}

/* Footer - warna blok 10 */
.wrapper .footer-link,
.wrapper .cookies-wrapper #ot-sdk-btn.ot-sdk-show-settings,
.wrapper .report-abuse-button__component,
.wrapper .preview-heylinkme-logo__component{
    color:#2b1a00!important;
    font-weight:900!important;
    text-shadow:0 1px 0 rgba(255,255,255,.52)!important;
}

.wrapper .report-abuse-button__component .heylinkme-logo,
.wrapper .preview-heylinkme-logo__component .heylinkme-logo{
    color:#2b1a00!important;
}

.wrapper .report-abuse-button__component .page-report-section,
.wrapper .preview-heylinkme-logo__component .page-report-section{
    margin:0!important;
}

/* Link umum */
.wrapper a{
    text-decoration:none!important;
}

.wrapper a:hover{
    text-decoration:none!important;
}

/* Fokus aksesibilitas */
.wrapper a:focus,
.wrapper button:focus,
.wrapper [role="button"]:focus{
    outline:2px solid rgba(43,26,0,.88)!important;
    outline-offset:4px!important;
}

/* Mobile polish */
@media (max-width:768px){
    .wrapper .user-page-section-content{
        width:100%!important;
        padding-left:12px!important;
        padding-right:12px!important;
        gap:14px!important;
    }

    .wrapper .user-info{
        padding:18px 13px 17px!important;
        border-radius:28px!important;
    }

    .wrapper .user-page-section-content .user-info .username{
        font-size:20px!important;
        padding:10px 14px!important;
    }

    .wrapper .user-page-section-content .user-info .preview-user-description__component{
        font-size:15px!important;
        line-height:1.56!important;
        padding:13px 14px!important;
    }

    .wrapper .preview-links-list__component .preview-header-component,
    .wrapper .preview-links-list__component .preview-text-block-component{
        font-size:18px!important;
    }

    .wrapper .preview-signup-generator__component,
    .wrapper .preview-signup-generator-terms__component,
    .wrapper .preview-anonymous-messages__component,
    .wrapper .preview-commerce-link-item__component,
    .wrapper .preview-location-item__component,
    .wrapper .preview-menu-item__component,
    .wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper,
    .wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper,
    .wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper,
    .wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper{
        border-radius:20px!important;
    }
}

@media (max-width:420px){
    .wrapper .user-page-section-content{
        padding-top:18px!important;
    }

    .wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper,
    .wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper,
    .wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper,
    .wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper{
        min-height:58px!important;
        gap:8px!important;
    }
}

@media (prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
}