@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif}body{margin:0;background:#f8f9fa;color:#030213}img,svg{vertical-align:middle;display:block}img{max-width:100%;height:auto}button{font:inherit;border:0;background:transparent}a{color:inherit;text-decoration:none}.page-bg{background:#f8f9fa}.min-h-screen{min-height:100vh}.mb-6{margin-bottom:1.5rem}.site-shell{width:min(100%,676px);margin:0 auto;padding:18px 18px 40px}.profile-container{background:#fff;box-shadow:0 2px 12px #00000014;cursor:pointer;margin:0 auto 2px;border-radius:20px;overflow:hidden}.profile-top-bar{height:5px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#3b82f6);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-inner-pad{padding:28px 24px 24px}.profile-header{display:flex;align-items:center;gap:20px}.avatar-wrap{position:relative;flex:0 0 auto}.profile-photo{width:112px;height:112px;border-radius:9999px;object-fit:cover;border:4px solid #e0e7ff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.avatar-online-dot{position:absolute;right:6px;bottom:6px;width:14px;height:14px;background:#65c76a;border:2px solid #fff;border-radius:50%}.profile-info{min-width:0;flex:1}.online-badge{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:#15803d;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:10px}.online-dot-pulse{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-green 1.5s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.title-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:nowrap}.username-text{margin:0;color:#1d2a86;font-family:Montserrat,sans-serif;font-size:clamp(2rem,5vw,3rem);line-height:.95;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.badge-svg{width:32px;height:32px;flex:0 0 auto}.meta-row{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}.flag-icon{width:60px;height:39px;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px #0003;flex:0 0 auto}.star-rating{display:flex;align-items:center;gap:1px;color:#f1be35;font-size:26px;line-height:1}.stats-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.stat-item{display:inline-flex;align-items:center;gap:8px}.stat-icon{width:24px;height:24px;fill:none;stroke:#1a197c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stat-text{color:#f061ad;font-size:clamp(1rem,2.3vw,1.08rem);font-weight:700;white-space:nowrap}.banner-wrap{display:flex;justify-content:center;margin:0 auto 28px}#bannerTop{width:300px;height:100px;object-fit:cover}.action-buttons-vertical{display:flex;flex-direction:column;gap:16px;margin:0 auto 28px;max-width:420px}.action-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;border:none;cursor:pointer;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.2px;transition:all .3s ease;text-align:center}.action-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.livestream-button svg{fill:#fff;stroke:none}.explicit-button,.livestream-button{background:linear-gradient(135deg,#4a83ef,#2552d5);box-shadow:0 8px 22px #2552d540}.action-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000002e}.slider-container{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 10px 30px #0000001f;height:640px;cursor:pointer;background:#ddd}.slider-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:none;background:#ffffffeb;color:#1a197c;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 16px #00000026;transition:all .3s ease}.slider-nav-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.slider-nav-button:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.slider-nav-button.prev{left:18px}.slider-nav-button.next{right:18px}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;object-fit:cover}.slide.blurred-slide{display:flex;align-items:center;justify-content:center;background:#1a197c}.blurred-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blurred-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding:4px;filter:blur(15px);opacity:.6}.blurred-grid-item{background-size:cover;background-position:center;border-radius:8px}.unlock-overlay{position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.unlock-button{display:flex;align-items:center;gap:12px;padding:18px 44px;border-radius:999px;border:none;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 8px 28px #3b82f673}.unlock-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.popup-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);display:none;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.popup-overlay.open{display:flex;opacity:1}.popup-content{position:relative;width:400px;max-width:95vw;height:550px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0000004d;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-family:"Times New Roman",Times,serif;overflow:hidden}.popup-content:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.popup-close{position:absolute;top:16px;right:18px;width:30px;height:30px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.popup-title{margin:10px 0 1rem;color:#1a2a7a;font-size:1.5rem;line-height:2rem;text-transform:uppercase;font-family:Montserrat,sans-serif;font-weight:700}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.popup-content-inner{display:none}.popup-content-inner.show{display:block}.popup-content-inner h3{margin:0 0 1rem;color:#374151;font-size:1.125rem;line-height:1.75rem;font-weight:500}.popup-steps{text-align:left;margin-bottom:1rem;padding:0 .5rem}.popup-steps p{margin:0 0 .5rem;color:#374151;font-size:.875rem;line-height:1.25rem}.popup-banner{display:flex;justify-content:center;margin-bottom:1rem}#bannerPopup{width:300px;height:100px;object-fit:cover}.popup-join{max-width:300px;margin:0 auto}@media(max-width:640px){.site-shell{width:100%;padding:18px 12px 36px}.profile-inner-pad{padding:18px 16px}.profile-header{gap:14px;align-items:center}.profile-photo{width:82px;height:82px}.avatar-online-dot{width:12px;height:12px;right:3px;bottom:3px}.username-text{font-size:1.45rem}.badge-svg{width:22px;height:22px}.flag-icon{width:36px;height:24px}.star-rating{font-size:22px}.stat-text{font-size:.95rem}.slider-container{height:440px}.slider-nav-button{width:40px;height:40px}.slider-nav-button.prev{left:10px}.slider-nav-button.next{right:10px}.action-button{font-size:.95rem}}