/* Prince landing + reviews modal */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; background: #071209; color: #cce0cc; min-height: 100vh; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

.bokeh { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.bokeh span { position: absolute; border-radius: 50%; filter: blur(110px); animation: bf linear infinite; }
.bokeh span:nth-child(1) { width:700px;height:700px;background:radial-gradient(circle,rgba(0,140,50,0.28) 0%,transparent 70%);top:-200px;left:-150px;animation-duration:32s; }
.bokeh span:nth-child(2) { width:450px;height:450px;background:radial-gradient(circle,rgba(0,180,70,0.16) 0%,transparent 70%);top:35%;right:-100px;animation-duration:40s;animation-delay:-12s; }
.bokeh span:nth-child(3) { width:350px;height:350px;background:radial-gradient(circle,rgba(0,120,45,0.20) 0%,transparent 70%);bottom:10%;left:8%;animation-duration:26s;animation-delay:-18s; }
.bokeh span:nth-child(4) { width:400px;height:400px;background:radial-gradient(circle,rgba(0,160,60,0.14) 0%,transparent 70%);top:55%;left:52%;animation-duration:36s;animation-delay:-25s; }
@keyframes bf { 0%{transform:translate(0,0) scale(1)} 33%{transform:translate(28px,-38px) scale(1.04)} 66%{transform:translate(-20px,20px) scale(0.97)} 100%{transform:translate(0,0) scale(1)} }

.wrap { position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh; }
nav { position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:58px;transition:background .3s,border-color .3s;border-bottom:1px solid transparent; }
nav.scrolled { background:rgba(7,18,9,0.9);backdrop-filter:blur(18px);border-bottom-color:rgba(255,255,255,0.06); }
.logo { display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.13em;color:#cce0cc; }
.logo-box { width:34px;height:34px;border:1px solid rgba(255,255,255,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03); }
.nav-center { display:flex;align-items:center;gap:2px; }
.nav-center a { padding:6px 13px;border-radius:7px;font-size:13.5px;color:rgba(204,224,204,0.6);transition:color .2s,background .2s; }
.nav-center a:hover { color:#cce0cc;background:rgba(255,255,255,0.05); }
.nav-right { display:flex;align-items:center;gap:10px; }
.lang-switch { display:flex;align-items:center;gap:2px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:7px;padding:2px; }
.lang-btn { padding:3px 9px;border-radius:5px;font-size:11.5px;font-weight:600;color:rgba(204,224,204,0.5);letter-spacing:.04em;transition:background .2s,color .2s; }
.lang-btn.active { background:rgba(255,255,255,0.12);color:#cce0cc; }
.nav-login { display:flex;align-items:center;gap:6px;font-size:13.5px;color:rgba(204,224,204,0.7);transition:color .2s; }
.nav-login:hover { color:#cce0cc; }
.nav-avatar { width:26px;height:26px;border-radius:50%;background:rgba(180,190,220,0.18);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#ccd4e0;flex-shrink:0; }
.breadcrumb { padding:76px 0 12px;text-align:center;font-size:12px;color:rgba(204,224,204,0.4);letter-spacing:.04em; }
.breadcrumb span { margin:0 6px; }
main { flex:1;padding:0 16px 60px; }
.page-center { max-width:900px;margin:0 auto; }
.top-row { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px; }
.profile-card, .channel-card, .bottom-card { background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.07);border-radius:14px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s; }
.profile-card.vis, .channel-card.vis, .bottom-card.vis { opacity:1;transform:translateY(0); }
.profile-card { padding:28px 24px 22px;display:flex;flex-direction:column;align-items:center;text-align:center; }
.avatar-wrap { position:relative;margin-bottom:14px; }
.avatar-img { width:88px;height:88px;border-radius:50%;border:2px solid rgba(255,255,255,0.1);overflow:hidden;background:#1a3d20; }
.avatar-img img { width:100%;height:100%;object-fit:cover; }
.avatar-verified { position:absolute;bottom:2px;right:2px;width:22px;height:22px;border-radius:50%;background:#1fdf6a;display:flex;align-items:center;justify-content:center;border:2px solid #071209; }
.profile-name { font-size:20px;font-weight:800;color:#e8f5e8;margin-bottom:6px; }
.profile-fee { font-size:12px;color:rgba(204,224,204,0.45);margin-bottom:14px; }
.btn-message { width:100%;padding:11px 0;border-radius:9px;background:#fff;color:#071209;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:8px;transition:background .2s,transform .15s; }
.btn-message:hover { background:#e8f5e8;transform:translateY(-1px); }
.btn-reviews { width:100%;padding:9px 0;border-radius:9px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:#f0d060;font-size:13px;font-weight:600;margin-bottom:8px; }
.btn-how { display:block;width:100%;padding:9px 0;border-radius:9px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);font-size:13px;font-weight:600;color:rgba(204,224,204,0.75); }
.channel-card { padding:18px;display:flex;flex-direction:column; }
.ch-head { display:flex;align-items:center;gap:12px;margin-bottom:14px; }
.ch-icon { width:42px;height:42px;border-radius:50%;background:rgba(31,223,106,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.ch-name { font-size:15px;font-weight:700;color:#e8f5e8; }
.ch-sub { font-size:12px;color:rgba(204,224,204,0.45); }
.btn-open { margin-left:auto;padding:7px 16px;border-radius:7px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);font-size:13px;font-weight:500;color:#cce0cc;white-space:nowrap; }
.ch-preview { flex:1;border-radius:9px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;min-height:100px;font-size:12.5px;color:rgba(204,224,204,0.3); }
.bottom-card { overflow:hidden; }
.stats { display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,0.06); }
.stat { padding:18px 22px; }
.stat+.stat { border-left:1px solid rgba(255,255,255,0.06); }
.stat-val { font-size:28px;font-weight:800;color:#1fdf6a;line-height:1;margin-bottom:5px;font-variant-numeric:tabular-nums; }
.stat-label { font-size:12px;color:rgba(204,224,204,0.45); }
.contact { display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.05);transition:background .2s; }
.contact:hover { background:rgba(255,255,255,0.03); }
.c-label { font-size:13.5px;color:rgba(204,224,204,0.55);flex:1; }
.c-val { font-size:13.5px;font-weight:500;color:#1fdf6a; }
footer { border-top:1px solid rgba(255,255,255,0.06);padding:40px 28px 22px;background:rgba(0,0,0,0.25); }
.footer-inner { max-width:900px;margin:0 auto; }
.footer-grid { display:grid;grid-template-columns:200px 1fr 1fr;gap:32px;margin-bottom:32px; }
.f-desc { font-size:12.5px;color:rgba(204,224,204,0.4);line-height:1.75;margin-top:10px; }
.f-col-title { font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(204,224,204,0.3);margin-bottom:13px; }
.f-col ul { display:flex;flex-direction:column;gap:10px; }
.f-col ul a { font-size:13.5px;color:rgba(204,224,204,0.5); }
.f-col ul a:hover { color:#1fdf6a; }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.05);padding-top:16px; }
.footer-copy { font-size:12px;color:rgba(204,224,204,0.25); }

.modal { display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.72);backdrop-filter:blur(6px);overflow-y:auto;padding:24px 16px; }
.modal-inner { max-width:640px;margin:0 auto;background:#0d1117;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:22px; }
.modal-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:18px; }
.modal-title { font-size:18px;font-weight:800;color:#e8eef8; }
.modal-close { font-size:24px;color:rgba(204,212,224,0.5); }
.reviews-list { display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto; }
.review-card { background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:14px 16px; }
.review-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px; }
.review-user { display:flex;align-items:center;gap:10px;min-width:0; }
.review-avatar { width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0; }
.review-name { font-size:13.5px;font-weight:700;color:#e8eef8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.review-amt { padding:3px 10px;border-radius:20px;border:1px solid;font-size:11px;font-weight:700;white-space:nowrap; }
.review-meta { display:flex;align-items:center;gap:6px;margin-bottom:6px; }
.review-stars { color:#fbbf24;font-size:12px; }
.review-tag { padding:2px 8px;border-radius:4px;font-size:10.5px;font-weight:700; }
.review-text { font-size:13px;color:rgba(204,212,224,0.75);line-height:1.55;margin-bottom:8px; }
.review-confirmed { font-size:11.5px;color:#4ade80; }
.add-modal { display:none;position:fixed;inset:0;z-index:210;background:rgba(0,0,0,0.75);align-items:center;justify-content:center;padding:16px; }
.add-card { width:100%;max-width:420px;background:#0d1117;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px; }
.field { margin-bottom:14px; }
.field label { display:block;font-size:12px;color:rgba(204,212,224,0.5);margin-bottom:6px;font-weight:600; }
.field input, .field select, .field textarea { width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:9px;padding:10px 12px;color:#e8eef8;font:inherit; }
.field textarea { min-height:88px;resize:vertical; }
.row-2 { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.btn-primary { width:100%;padding:11px;border-radius:9px;background:#fff;color:#07090f;font-weight:700;margin-top:6px; }
.btn-secondary { width:100%;padding:11px;border-radius:9px;background:rgba(255,255,255,0.06);color:#ccd4e0;font-weight:600;margin-top:8px; }
.err { display:none;font-size:12px;color:#f87171;margin-top:8px; }

@media(max-width:760px){ .top-row{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr 1fr} .f-brand{grid-column:1/-1} }
@media(max-width:520px){ nav{padding:0 16px} .nav-center{display:none} footer{padding:32px 16px 18px} }