*{box-sizing:border-box}
:root{
  --bg:#0D0D0D;--surface:#141414;--well:#101010;--placeholder:#1A1A1A;
  --text:#FFFFFF;--text-2:rgba(255,255,255,.68);--text-3:rgba(255,255,255,.5);
  --blue-top:#3A8BFF;--blue-bottom:#1F6AE0;
  --font:"Geist",system-ui,-apple-system,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.2,0,0,1);
  --raised:6px 6px 14px rgba(0,0,0,.7),-4px -4px 12px rgba(255,255,255,.045);
  --raised-hover:3px 3px 8px rgba(0,0,0,.7),-2px -2px 8px rgba(255,255,255,.045);
  --pressed:inset 3px 3px 8px rgba(0,0,0,.7),inset -2px -2px 6px rgba(255,255,255,.04);
  --glow:0 0 26px rgba(46,124,246,.35);--glow-hover:0 0 34px rgba(46,124,246,.5);
}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block}
h1{margin:0;font-weight:500;letter-spacing:-.025em}

/* Home */
.home{width:100%;max-width:480px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column}
.hero{position:relative;width:100%;aspect-ratio:4/5;max-height:600px;background:var(--placeholder)}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(13,13,13,0) 35%,rgba(13,13,13,.55) 62%,rgba(13,13,13,.92) 84%,#0D0D0D 100%)}
.hero__text{position:absolute;left:0;right:0;bottom:0;padding:0 24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.hero__text h1{font-size:34px;line-height:1.1}
.hero__text p{margin:0;font-size:16px;line-height:1.4;color:var(--text-2)}

.links{display:flex;flex-direction:column;gap:16px;padding:24px 24px 0}
.btn{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:12px;height:60px;padding:0 12px;border-radius:20px;background:var(--surface);box-shadow:var(--raised);transition:box-shadow 180ms var(--ease)}
.btn:hover{box-shadow:var(--raised-hover)}
.btn:active{box-shadow:var(--pressed)}
.btn:focus-visible,.cta:focus-visible,.back:focus-visible{outline:2px solid #6FB3FF;outline-offset:3px}
.btn__icon{width:36px;height:36px;border-radius:50%;background:var(--well);box-shadow:inset 2px 2px 5px rgba(0,0,0,.7),inset -2px -2px 5px rgba(255,255,255,.05);display:grid;place-items:center}
.btn__icon img{width:18px;height:18px;filter:invert(1)}
.btn__label{text-align:center;font-size:16px;font-weight:500;line-height:1}
.btn__trail{display:grid;place-items:center;color:var(--text-3)}

.btn--featured{grid-template-columns:40px 1fr 40px;height:68px;border-radius:22px;background:linear-gradient(145deg,var(--blue-top),var(--blue-bottom));box-shadow:var(--raised),var(--glow)}
.btn--featured:hover{box-shadow:var(--raised-hover),var(--glow-hover)}
.btn--featured:active{box-shadow:inset 3px 3px 8px rgba(0,20,70,.55),inset -2px -2px 6px rgba(255,255,255,.18),var(--glow)}
.btn--featured .btn__icon{width:40px;height:40px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.btn--featured .btn__label{font-size:22px;font-weight:600;letter-spacing:-.02em}
.btn--featured .btn__trail{color:var(--text)}

.footer{margin-top:auto;padding:48px 24px 24px;display:flex;justify-content:center;gap:8px;font-size:12px;line-height:1;color:var(--text-3)}
.footer a{color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.footer a:hover{color:var(--text)}

/* OnlyFans */
.of{position:relative;width:100%;max-width:480px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.of__bg{position:absolute;inset:-48px;filter:blur(28px);transform:scale(1.08);background:var(--placeholder);pointer-events:none}
.of__bg img{width:100%;height:100%;object-fit:cover}
.of__dim{position:absolute;inset:0;background:rgba(13,13,13,.55);pointer-events:none}
.of__glow{position:absolute;left:50%;top:28%;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,124,246,.22),rgba(46,124,246,0));pointer-events:none}
.of__top{position:relative;display:flex;padding:20px 24px 0}
.back{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px 0 14px;border-radius:999px;background:var(--surface);font-size:14px;font-weight:500;line-height:1;box-shadow:4px 4px 10px rgba(0,0,0,.7),-3px -3px 8px rgba(255,255,255,.045);transition:box-shadow 180ms var(--ease)}
.back:hover{box-shadow:2px 2px 6px rgba(0,0,0,.7),-2px -2px 6px rgba(255,255,255,.045)}
.back:active{box-shadow:inset 2px 2px 6px rgba(0,0,0,.7),inset -2px -2px 5px rgba(255,255,255,.04)}
.of__center{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px}
.card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 24px 24px;border-radius:32px;text-align:center;background:rgba(20,20,20,.55);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),12px 12px 28px rgba(0,0,0,.5),-8px -8px 22px rgba(255,255,255,.03)}
.avatar{width:168px;height:168px;border-radius:50%;padding:12px;background:var(--well);box-shadow:inset 6px 6px 14px rgba(0,0,0,.8),inset -5px -5px 12px rgba(255,255,255,.05)}
.avatar__ring{width:100%;height:100%;border-radius:50%;padding:3px;background:linear-gradient(145deg,var(--blue-top),var(--blue-bottom));box-shadow:0 0 24px rgba(46,124,246,.4)}
.avatar__img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--placeholder)}
.card__name{display:flex;flex-direction:column;gap:8px}
.card__name h1{font-size:28px;line-height:1.1}
.card__name span{font-family:var(--mono);font-size:14px;line-height:1;color:var(--text-2)}
.cta{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;height:64px;border-radius:22px;background:linear-gradient(145deg,var(--blue-top),var(--blue-bottom));font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1;box-shadow:var(--raised),var(--glow);transition:box-shadow 180ms var(--ease)}
.cta:hover{box-shadow:var(--raised-hover),var(--glow-hover)}
.cta:active{box-shadow:inset 3px 3px 8px rgba(0,20,70,.55),inset -2px -2px 6px rgba(255,255,255,.18),var(--glow)}
.of__age{position:relative;margin:0 auto;max-width:360px;padding:0 32px 32px;text-align:center;font-size:12px;line-height:1.5;color:rgba(255,255,255,.7);text-wrap:pretty}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

#browser-help{background:#171717;color:#fff;border:1px solid #ffffff26;border-radius:22px;width:min(420px,calc(100% - 32px));padding:32px 24px 20px;box-shadow:0 20px 80px #0008}#browser-help::backdrop{background:#0009;backdrop-filter:blur(6px)}#browser-help h2{font-size:24px;letter-spacing:-.02em;margin:0 30px 12px 0}#browser-help p{font-size:14px;line-height:1.5;color:#ffffffb8}#browser-help input{display:block;width:100%;min-width:0;padding:12px;background:#0d0d0d;border:1px solid #ffffff26;border-radius:10px;color:#fff;font:13px Geist,sans-serif}#browser-help button{font:inherit;cursor:pointer}.help-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:26px!important}.help-actions{display:flex;gap:10px;margin-top:16px}.help-actions a,.help-actions button{flex:1;text-align:center;padding:13px 10px;border:0;border-radius:12px;font-size:14px;color:#fff;background:#2e7cf6}.help-actions button{background:#ffffff14}#browser-status{min-height:21px;margin-bottom:0}
#browser-help input{font-size:16px}
html,body,a,button,input{touch-action:manipulation}

:root{color-scheme:dark}.terms{max-width:480px;margin:0 auto;padding:24px;line-height:1.6}.terms h1{margin:28px 0 16px;font-size:28px}.terms p{color:var(--text-2)}