.ykart-page{
    min-height:100vh;
    min-height:100svh;
    background:
        radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--yk-accent) 58%, transparent) 0%, transparent 34%),
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.12) 0%, transparent 24%),
        linear-gradient(180deg,#111827 0%, var(--yk-bg) 46%, #030712 100%);
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:24px 14px;
    color:var(--yk-text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    box-sizing:border-box;
    overflow-x:hidden;
}
.ykart-page *{box-sizing:border-box}
.ykart-phone{
    width:min(100%,430px);
    min-height:calc(100vh - 48px);
    padding:24px 16px 20px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:38px;
    background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
    box-shadow:0 34px 110px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
}
.ykart-hero{text-align:center;padding:14px 8px 20px}
.ykart-logo{max-width:126px;max-height:58px;object-fit:contain;margin:0 auto 16px;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.22))}
.ykart-avatar{
    width:116px;
    height:116px;
    border-radius:34px;
    object-fit:cover;
    border:3px solid rgba(255,255,255,.72);
    box-shadow:0 24px 65px rgba(0,0,0,.34), 0 0 0 10px rgba(255,255,255,.055);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
    font-size:30px;
    font-weight:800;
}
.ykart-hero h1{margin:0 0 7px;font-size:29px;line-height:1.08;color:var(--yk-text);letter-spacing:-.8px;font-weight:800}
.ykart-hero h2{margin:0 0 11px;font-size:15px;opacity:.84;font-weight:650;color:var(--yk-text);letter-spacing:-.2px}
.ykart-hero p{margin:0 auto;max-width:335px;font-size:14px;line-height:1.58;opacity:.78;color:var(--yk-text)}
.ykart-links{display:flex;flex-direction:column;gap:14px}
.ykart-link{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.06));
    color:var(--yk-btn-text)!important;
    border:1px solid rgba(255,255,255,.14);
    padding:16px 17px;
    border-radius:28px;
    box-shadow:0 18px 48px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.10);
    transition:transform .32s ease, border-color .32s ease, box-shadow .32s ease, background .32s ease;
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    overflow:hidden;
}
.ykart-link:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 32%,transparent 68%,rgba(255,255,255,.06));
    opacity:.55;
    pointer-events:none;
}
.ykart-link:hover{
    transform:translateY(-5px);
    border-color:color-mix(in srgb, var(--yk-accent) 70%, white 12%);
    background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.075));
    box-shadow:0 30px 76px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.04), inset 0 1px 0 rgba(255,255,255,.14);
}
.ykart-link-icon{
    width:80px;
    height:80px;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.075));
    border:1px solid rgba(255,255,255,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    flex:0 0 80px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.16);
    transition:transform .32s ease, box-shadow .32s ease;
    z-index:1;
}
.ykart-link-icon img{
    width:68%;
    height:68%;
    object-fit:contain;
    object-position:center;
    display:block;
    transition:transform .32s ease;
}
.ykart-link:hover .ykart-link-icon{transform:translateY(-2px) scale(1.045);box-shadow:0 22px 54px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.2)}
.ykart-link:hover .ykart-link-icon img{transform:scale(1.08)}
.ykart-link-text{display:flex;flex-direction:column;min-width:0;flex:1;z-index:1}
.ykart-link-text strong{font-size:17px;line-height:1.2;font-weight:760;letter-spacing:-.35px;color:var(--yk-btn-text)}
.ykart-link-text small{font-size:13px;line-height:1.35;opacity:.70;margin-top:4px;color:var(--yk-btn-text)}
.ykart-arrow{font-size:32px;line-height:1;opacity:.52;z-index:1;transition:transform .32s ease, opacity .32s ease}
.ykart-link:hover .ykart-arrow{transform:translateX(3px);opacity:.82}
.ykart-phone footer{text-align:center;margin-top:20px;font-size:12px;opacity:.62}
@media(max-width:480px){
    .ykart-page{padding:0;min-height:100svh}
    .ykart-phone{width:100%;min-height:100svh;border-radius:0;border:0;padding:22px 14px 18px}
    .ykart-hero h1{font-size:27px}
    .ykart-avatar{width:104px;height:104px;border-radius:31px}
    .ykart-link{padding:15px 15px;border-radius:26px;gap:13px}
    .ykart-link-icon{width:74px;height:74px;flex-basis:74px;border-radius:23px}
    .ykart-link-text strong{font-size:16.5px}
}