*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#05080b;color:#f7f7f7}
body{padding-bottom:78px}.mobile-header{height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#070b0e;border-bottom:1px solid #1e252a;position:sticky;top:0;z-index:10}
.brand{font-family:Georgia,serif;color:#f4d37c;display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700}.crown{font-size:25px;line-height:1}
.menu-btn{border:0;background:none;color:#ddd;font-size:27px;line-height:1;cursor:pointer}
.mobile-shell{width:min(100%,520px);margin:auto;padding:25px 10px 20px}.hero-mobile{padding:0 1px 17px}.hero-mobile h1{font-family:Georgia,"Times New Roman",serif;font-size:36px;line-height:1.02;letter-spacing:-1.2px;margin:0 0 10px;font-weight:700}.hero-mobile h1 span{color:#efc45d}.hero-mobile p{font-size:16px;line-height:1.38;color:#e5e5e5;margin:0}
.search-box{height:38px;border:1px solid #47515a;background:#151d23;border-radius:22px;display:flex;align-items:center;padding:0 11px;margin-bottom:13px;box-shadow:inset 0 1px 4px #000}.search-box span{font-size:26px;color:#e5e5e5;transform:rotate(-20deg)}.search-box input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:12px;padding-left:7px}.search-box input::placeholder{color:#89939c}
.filters{display:flex;gap:9px;overflow:auto;padding-bottom:17px}.filter{border:0;background:#182027;color:#ddd;border-radius:18px;padding:8px 13px;font-size:11px;white-space:nowrap}.filter.active{background:#f2c861;color:#111;font-weight:800}
.creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-card{background:linear-gradient(180deg,#171e23,#10161a);border:1px solid #49535a;border-radius:10px;overflow:hidden;padding:0 7px 8px;box-shadow:0 4px 14px rgba(0,0,0,.25)}.creator-photo{height:116px;margin:0 -7px 6px;position:relative;background:#222;overflow:hidden}.creator-photo img{width:100%;height:100%;object-fit:cover;display:block}.fallback{position:absolute;inset:0;display:grid;place-items:center;background:#30383d;color:#fff;font-size:38px;font-weight:700}.creator-photo img+.fallback{display:none}.creator-name{font-size:16px;font-weight:800;margin:3px 1px}.creator-handle{font-size:10px;color:#ddd;margin:0 1px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-handle span{color:#f2c861;margin-right:4px}.vote-btn{width:100%;height:30px;border:0;border-radius:7px;background:linear-gradient(#f4cf6e,#e7b94c);color:#111;font-weight:800;font-size:11px;cursor:pointer}
.empty{grid-column:1/-1;border:1px solid #30383e;border-radius:10px;padding:25px;text-align:center;color:#aab2b8;background:#10161a}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#090d10;border-top:1px solid #252c31;display:flex;justify-content:space-around;z-index:11}.bottom-nav a{width:25%;text-align:center;color:#89939b;text-decoration:none;padding-top:9px;font-size:18px}.bottom-nav a.active{color:#f3c95e}.bottom-nav small{display:block;font-size:9px;margin-top:3px}
.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:grid;place-items:center;padding:16px;z-index:30}.provider-page{position:relative;width:min(470px,100%);background:#fff;color:#111;border-radius:20px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:#777}.modal-icon,.success-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:22px;margin-bottom:15px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#68717a}.provider-page h2{font-size:27px;line-height:1.1;margin:6px 0 10px}.muted{color:#68717a;line-height:1.45}.providers{display:grid;gap:10px;margin-top:20px}.provider{height:52px;text-align:left;border:1px solid #ddd;background:#fff;border-radius:10px;padding:0 15px;font-size:14px;font-weight:700}.provider b{display:inline-block;width:30px;font-size:20px}.provider-header{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}.provider-header strong{display:block;font-size:16px}.provider-header small{display:block;color:#777;font-size:11px;margin-top:2px}.provider-mark{width:45px;height:45px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.provider-login label{display:block;font-size:12px;font-weight:700;margin-top:15px}.provider-login input{width:100%;height:48px;border:1px solid #ccc;border-radius:9px;padding:0 13px;margin-top:6px;font-size:14px}.primary,.secondary{width:100%;height:46px;border-radius:9px;margin-top:16px;font-weight:800}.primary{border:0;background:#111;color:#fff}.secondary{border:1px solid #ddd;background:#fff}.privacy-note{text-align:center;color:#777;font-size:10px;margin:14px 0 0}.success{text-align:center;padding:8px}.success-icon{margin:0 auto 15px}
@media(min-width:700px){.mobile-shell{width:520px}.mobile-header{position:relative}.creator-grid{gap:14px}.creator-card{min-height:210px}}

.provider-dark{background:#080d12;color:#f7f7f7;border:1px solid #28323a}.provider-dark .provider-login{background:#fff;color:#111;margin:-28px;padding:28px;border-radius:20px}.provider-dark .provider-login .muted{color:#68717a}.provider-dark .provider-login .eyebrow{color:#68717a}
.provider-dark .muted{color:#b6c0c8}.provider-dark .eyebrow{color:#d5b45b}
.provider-dark .close{color:#d6dce1}
.provider-dark .provider-header{border-color:#263039}
.provider-dark .provider-header small{color:#9da8b0}
.provider-dark .provider-login input{background:#121b22;color:#fff;border-color:#39464f}
.provider-dark .provider-login input::placeholder{color:#7f8b94}
.provider-dark .secondary{background:#111920;color:#eee;border-color:#34414a}
.provider-dark .primary{background:linear-gradient(180deg,#f6d476,#e4b54a);color:#111}
.provider-dark .privacy-note{color:#89959e}

.instagram-mark{background:linear-gradient(135deg,#7b2cff,#e1306c 48%,#ffb400);color:#fff;border-radius:12px!important;font-size:30px!important;box-shadow:0 4px 14px rgba(0,0,0,.18)}

.brand-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;margin-right:8px;color:#fff;font-weight:900;font-size:16px;vertical-align:middle}.instagram-icon{background:linear-gradient(135deg,#833ab4 0%,#e1306c 48%,#f77737 75%,#fcaf45 100%)}.facebook-icon{background:#1877f2;border-radius:50%;font-family:Arial,sans-serif}.google-icon{background:#fff;color:#4285f4;border:1px solid #ddd;font-family:Arial,sans-serif}.provider-mark.instagram-mark{background:linear-gradient(135deg,#833ab4,#e1306c 48%,#f77737 75%,#fcaf45);color:#fff}.provider-mark.facebook-mark{background:#1877f2;color:#fff;font-family:Arial,sans-serif}.provider-mark.google-mark{background:#fff;color:#4285f4;border:1px solid #ddd;font-family:Arial,sans-serif}.provider{display:flex;align-items:center;gap:4px}.provider b{display:none}

/* Final verification UI: blue primary action, no secondary back button. */
.provider-login .primary { background: #3897f0; color: #fff; border-color: #3897f0; }
.provider-login .primary:hover { background: #2f86d7; border-color: #2f86d7; }

/* Exact white input treatment from the approved reference. */
.provider-dark .provider-login input,
.provider-login input {
  background:#fff !important;
  color:#111 !important;
  border:1px solid #c8cdd3 !important;
  box-shadow:none !important;
}
.provider-dark .provider-login input::placeholder,
.provider-login input::placeholder {
  color:#6f7782 !important;
  opacity:1 !important;
}

/* Updated Instagram-style camera mark: white rounded-square outline, circle, and dot. */
.instagram-icon svg,.instagram-mark svg{width:72%;height:72%;display:block}
.brand-icon.instagram-icon svg{width:22px;height:22px}
.provider-mark.instagram-mark{display:grid;place-items:center}