body[data-page=tropiamigos]{background:radial-gradient(ellipse at 80% 20%,#1766ad55,transparent 60%),var(--background,#102b50);color:#eef8ff}body[data-page=tropiamigos] .app-header{background:#102b50dc;color:#fff}body[data-page=tropiamigos] .header-inner{min-height:68px}body[data-page=tropiamigos] .header-cta{display:none}.friends-main{max-width:1120px;padding-top:24px;padding-bottom:35px}.friends-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:22px}.friends-tag{font-size:10px;letter-spacing:.15em;font-weight:800;color:#91d5ff}.friends-copy h1{font-size:clamp(32px,4vw,51px);line-height:1.09;margin:14px 0;color:#fff}.friends-copy h1 em{color:#ffd479}.friends-copy>p{max-width:470px;line-height:1.7;font-size:15px}.friends-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.friends-steps span{border:1px solid #96d8ff45;border-radius:25px;padding:9px 13px;font-size:12px;background:#78bfff10}.mascot-stage{position:relative;height:330px;display:grid;place-items:center;perspective:700px}.mascot-halo{position:absolute;width:250px;height:250px;border-radius:50%;background:#419de92a;box-shadow:0 0 60px #2997ef25}.coco-mascot{position:relative;object-fit:contain;width:330px;height:330px;filter:drop-shadow(0 20px 18px #0004);animation:coco-float 5s ease-in-out infinite}.palm-coin{position:absolute;width:65px;height:65px;transform-style:preserve-3d;animation:palm-spin 8s linear infinite}.coin-one{left:7%;top:18%}.coin-two{right:3%;bottom:17%;width:48px;height:48px;animation-delay:-3s}.coin-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:50%;border:4px solid #f6cb53;background:radial-gradient(circle at 28% 20%,#fff0aa,#eebf38 48%,#b87812);box-shadow:inset 0 0 0 2px #a86d16,inset 0 0 0 5px #f9da7b,0 7px 16px #001c4270}.coin-face:after{content:'';position:absolute;inset:13%;background:center/contain no-repeat url('tropiamigos-palm.svg');filter:drop-shadow(0 1px 0 #fff2b6)}.coin-back{transform:rotateY(180deg)}.friends-account{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:23px 28px;border:1px solid #94d1ff55;border-radius:24px;background:linear-gradient(120deg,#448dcb30,#123b7060);box-shadow:inset 0 1px 0 #e0f7ff30;backdrop-filter:blur(18px)}.friends-account h2{color:#fff;font-size:22px;margin:9px 0}.points-balance{margin:4px 0 10px;color:#c6e8ff}.points-balance strong{font-size:40px;color:#ffda79}.friends-account progress{display:block;width:100%;height:10px;accent-color:#ffd36b;border-radius:20px}.friends-account progress::-webkit-progress-bar{background:#051e3c;border-radius:20px}.friends-account progress::-webkit-progress-value{background:linear-gradient(90deg,#e5a72f,#ffe7a2);border-radius:20px}.friends-account p{font-size:13px;line-height:1.6}.friends-demo{align-self:center}.friends-reset{display:block;background:none;border:0;color:#c5e4ff;font-size:12px;text-decoration:underline;margin-top:12px;cursor:pointer}.friends-main .btn-blue{background:#2877de;color:white;border:1px solid #8ac7ff66;padding:11px 16px;border-radius:12px;cursor:pointer}.friends-main button:disabled{opacity:.55;cursor:not-allowed}.rewards-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 14px}.rewards-heading h2{font-size:22px;color:#fff;margin:0}.rewards-heading span{font-size:11px;color:#b9d8ef}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reward-card{background:#3178ac22;border:1px solid #8dccff40;border-radius:18px;padding:15px;display:grid;gap:10px}.reward-card img{width:100%;height:140px;object-fit:contain}.reward-card h3{font-size:16px;color:#fff;margin:0}.reward-card>span{font-size:12px;color:#ffda79}.reward-card .btn{font-size:12px;white-space:normal}.friends-history{margin-top:22px;font-size:13px}.friends-history summary{cursor:pointer}.friends-history li{margin-top:8px;color:#bbdbf2}.friends-footnote{font-size:11px;color:#b1cee2;line-height:1.6;margin-top:22px;max-width:800px}@keyframes coco-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes palm-spin{from{transform:rotateY(0) rotateZ(-12deg)}to{transform:rotateY(360deg) rotateZ(-12deg)}}@media(max-width:650px){.friends-main{padding-top:18px}.friends-hero{grid-template-columns:1fr;gap:0}.friends-copy h1{font-size:34px}.mascot-stage{height:255px}.coco-mascot{width:265px;height:265px}.coin-one{left:12%}.coin-two{right:12%}.friends-account{grid-template-columns:1fr;gap:10px;padding:20px}.rewards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reward-card{padding:12px}.reward-card img{height:110px}.rewards-heading{display:block}.rewards-heading span{display:block;margin-top:8px}.friends-steps{margin-top:12px}}@media(prefers-reduced-motion:reduce){.coco-mascot,.palm-coin{animation:none}}