*{box-sizing:border-box}
:root{color-scheme:dark}
html,body{margin:0;background:#000;color:#f7f7f7;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.page{width:100%;max-width:900px;margin:auto;padding-bottom:20px;overflow:hidden;background:#000}
.hero{width:100%;aspect-ratio:900/625;position:relative;overflow:hidden}

.profile{text-align:center;padding:7px 3.5% 0}
.profile h1{margin:0;font-size:clamp(19px,5.55vw,50px);line-height:1.18;font-weight:800;letter-spacing:-.045em;white-space:nowrap;text-shadow:0 1px 1px #fff3}
.profile h1 span{font-size:.91em;font-weight:400;letter-spacing:-.035em}
.profile p{margin:7px 0 0;font-size:clamp(12px,2.85vw,25.6px);line-height:1.4;font-weight:400;color:#d3d3d3;letter-spacing:.005em}
.profile b{font-weight:400;padding:0 .17em}
.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:19px 3.9% 20px;text-align:center}
.categories>div{position:relative;display:flex;align-items:center;flex-direction:column;gap:9px}
.categories>div+div::before{content:'';position:absolute;left:0;top:29px;height:45%;width:1px;background:linear-gradient(transparent,#ffffff42,transparent)}
.categories img{width:clamp(26px,5.3vw,48px);height:clamp(24px,4.7vw,42px);fill:none;stroke:currentColor;stroke-width:2;filter:drop-shadow(0 0 5px #fff3)}
.categories span{font-size:clamp(8px,1.8vw,16px);line-height:1.5;text-transform:uppercase;letter-spacing:.2em;color:#e4e4e4}
.actions{display:grid;gap:12px;margin:0 4%}
.card{display:flex;align-items:center;gap:4.7%;padding:2.3% 4.5%;min-height:0;border:1px solid #ffffff40;border-radius:clamp(13px,2.7vw,25px);background:radial-gradient(ellipse at 83% 100%,#ffffff0c,transparent 55%),linear-gradient(120deg,#17171790,#080808 45%,#101010);box-shadow:inset 0 1px 1px #ffffff0c;transition:border-color .2s,transform .2s}
.card.primary{padding-top:2.6%;padding-bottom:2.6%;border-color:#ddd;box-shadow:0 0 12px #ffffff35,inset 0 1px 2px #ffffff55;background:radial-gradient(ellipse at 65% 0%,#ffffff20,transparent 60%),linear-gradient(120deg,#282828,#090909 50%,#202020)}
.icon-box{flex:0 0 13%;aspect-ratio:1.06;display:grid;place-items:center;border-radius:19%;border:1px solid #ffffff15;background:linear-gradient(140deg,#434343,#161616 70%);box-shadow:inset 0 1px 2px #ffffff20}
.icon-box img{width:68%;height:68%;fill:none;stroke:currentColor;stroke-width:3.2;filter:drop-shadow(0 1px 4px #fff2)}
.whatsapp{background:linear-gradient(145deg,#969696,#343434 70%);border-color:#ffffff50}
.whatsapp img{width:78%;height:78%;stroke-width:2.8}
.instagram{background:linear-gradient(140deg,#545454,#171717)}
.copy{flex:1;min-width:0}
.copy strong{display:block;font-size:clamp(16px,3.95vw,35.5px);line-height:1.2;font-weight:750;letter-spacing:-.035em}
.copy>span{display:block;margin-top:5px;font-size:clamp(13px,3.15vw,28px);line-height:1.2;color:#c9c9c9;font-weight:400;letter-spacing:-.02em}
.primary .copy strong{font-size:clamp(17px,4.15vw,37px)}
.arrow{flex:0 0 8.8%;aspect-ratio:1;border:1.4px solid #eee;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:clamp(21px,4.5vw,40px);line-height:1;font-weight:300;padding-bottom:3px}
.live-banner{position:relative;display:block;aspect-ratio:828/260;overflow:hidden;border:1px solid #b6b6b6;border-radius:clamp(13px,2.7vw,25px);background:#111}

a:focus-visible{outline:2px solid white;outline-offset:5px}
@media(hover:hover){a:hover{border-color:#fff}a.card:hover{transform:translateY(-2px)}}
@media(min-width:901px){.page{box-shadow:0 0 100px #ffffff08}}
@media(max-width:520px){.page{padding-bottom:10px}.profile{padding-top:4px}.profile p{margin-top:4px}.categories{margin-top:12px;margin-bottom:12px}.categories>div{gap:6px}.categories>div+div::before{top:18px}.actions{gap:6px}.copy>span{margin-top:3px}.card{padding-top:2.5%;padding-bottom:2.5%}.arrow{border-width:1px}.hero{aspect-ratio:900/625}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Independent photo, portrait, typography and chart layers. */
.hero{overflow:visible;margin-bottom:5px;isolation:isolate}
.hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(.8) saturate(.72);z-index:-2}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0002,transparent 40%,#0004 73%,#000 100%)}
.hero-script{position:absolute;top:7%;left:4%;margin:0;font-family:'Segoe Script','Brush Script MT',cursive;font-size:clamp(20px,4.8vw,43px);font-weight:300;line-height:.95;transform:rotate(-17deg);color:#eee;text-shadow:0 2px 8px #0008}
.hero-script span{display:inline-block;padding-left:1em}
.hero-topics{position:absolute;right:4%;top:21%;margin:0;font-size:clamp(7px,1.45vw,13px);line-height:1.9;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 2px 6px #000}
.hero-topics::after{content:'';display:block;width:42%;height:2px;background:#eee;margin-top:13px}
.market-chart{position:absolute;width:25%;height:auto;fill:none;stroke:#d7d7d7;stroke-width:1;opacity:.6;z-index:0}
.candle-bodies{stroke-width:7}.chart-left{top:29%;left:0}.chart-right{right:0;bottom:15%;transform:scaleX(-1)}
.avatar-wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:22%;aspect-ratio:1;border-radius:50%;padding:4px;background:linear-gradient(140deg,#fff,#767676 50%,#eee);box-shadow:0 0 15px #ffffff25,0 3px 18px #0008}
.avatar-wrap img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #222;object-position:50% 25%}
.live-banner{isolation:isolate;display:flex;align-items:center;min-height:130px}
.live-banner .live-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.live-banner::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000e 0%,#000b 36%,#0003 68%,#0001)}
.live-copy{padding:2.5% 4.5%;width:79%}
.live-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border:1px solid #ffffff80;border-radius:30px;background:linear-gradient(130deg,#ffffff22,#0006);font-size:clamp(8px,1.8vw,16px);letter-spacing:.13em;text-transform:uppercase;line-height:1.2}
.live-badge i{width:.7em;height:.7em;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff6}
.live-copy h2{font-size:clamp(18px,4.1vw,37px);line-height:1.15;letter-spacing:-.035em;margin:9px 0 8px}
.live-copy p{font-size:clamp(11px,2.5vw,22px);line-height:1.23;color:#d6d6d6;margin:0}
.live-banner>.arrow{position:absolute;right:4.5%;bottom:22%;width:8.8%}
.leverage{margin:32px 4% 0;padding:30px 4.5%;border:1px solid #ffffff45;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#ffffff10,transparent 60%),linear-gradient(130deg,#171717,#050505 65%);text-align:center}
.section-label{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#d5d5d5;border:1px solid #ffffff40;border-radius:30px;padding:7px 14px}
.leverage h2{font-size:clamp(27px,5.4vw,48px);line-height:1.15;letter-spacing:-.04em;margin:22px 0 12px}
.leverage-intro{font-size:clamp(14px,2.6vw,23px);line-height:1.5;color:#bdbdbd;margin:0}
.leverage-intro strong{color:#fff}
.capital{display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr;align-items:center;gap:10px;margin:28px 0;padding:22px 0;border-block:1px solid #ffffff20}
.capital div{display:flex;flex-direction:column;gap:6px}.capital div>span{font-size:clamp(10px,1.7vw,15px);color:#bbb}.capital strong{font-size:clamp(18px,3.5vw,31px);letter-spacing:-.04em;white-space:nowrap}.capital-plus{font-size:20px;color:#999}.capital-total strong{background:linear-gradient(#fff,#aaa);background-clip:text;color:transparent}
.leverage-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.leverage-benefits article{padding:12px 5px}.leverage-benefits img{width:44px;height:44px;margin:0 auto 10px}.leverage-benefits h3{font-size:clamp(12px,1.8vw,16px);margin:0 0 8px}.leverage-benefits p{font-size:clamp(11px,1.6vw,14px);line-height:1.5;color:#bcbcbc;margin:0}.leverage-cta{text-align:left;padding:18px 22px!important}.leverage-cta .copy strong{font-size:clamp(19px,3.5vw,29px)}.leverage-cta .copy>span{font-size:clamp(13px,2.3vw,18px)}
footer{margin:30px 7% 10px;text-align:center;color:#999;font-size:11px;line-height:1.7}footer img{display:block;width:54px;margin:0 auto 12px}footer p{max-width:540px;margin:8px auto}
@media(max-width:520px){.hero-script{font-size:clamp(18px,4.8vw,25px)}.avatar-wrap{padding:2px}.live-copy h2{margin:6px 0}.live-badge{padding:3px 8px;gap:5px}.leverage{margin-top:22px;padding:24px 16px;border-radius:18px}.section-label{font-size:9px}.capital{gap:6px;padding:18px 0;margin:22px 0}.leverage-benefits{gap:8px;margin-bottom:20px}.leverage-benefits img{width:35px;height:35px}.leverage-benefits h3{font-size:12px}.leverage-benefits p{font-size:11px}.leverage-cta{padding:15px!important}}
@media(max-width:360px){.profile h1{font-size:18px}.profile p{font-size:11px}.leverage-benefits{grid-template-columns:1fr;text-align:left}.leverage-benefits article{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.leverage-benefits img{grid-row:span 2;margin:0}.leverage-benefits h3{margin-bottom:4px}}

.arrow img{display:block;width:60%;height:60%}.categories img,.icon-box img{object-fit:contain}.arrow{padding-bottom:0}

/* Coordinated card motion */
.card,.live-banner{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .3s,box-shadow .3s}
.card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),#ffffff1c,transparent 75%);opacity:0;transition:opacity .35s}
.card::after{content:'';position:absolute;top:0;bottom:0;left:-65%;width:45%;pointer-events:none;background:linear-gradient(105deg,transparent,#ffffff12,transparent);transform:skewX(-18deg);animation:card-shimmer 9s ease-in-out infinite;animation-delay:var(--shine-delay,0s)}
.actions>.card:nth-child(2){--shine-delay:1s}.actions>.card:nth-child(3){--shine-delay:2s}
.arrow,.icon-box{transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s}
.actions{position:relative}
.actions::before{content:'';position:absolute;inset:0 -10px;z-index:0;pointer-events:none;border-radius:28px;background:radial-gradient(ellipse 50% 12% at 50% 50%,#ffffff12,transparent 85%);opacity:.5;animation:between-glow 7s ease-in-out infinite alternate}
.live-badge i{animation:live-pulse 2.4s ease-in-out infinite}
.leverage-benefits article{border-radius:14px;transition:transform .3s,background .3s}
.capital-total strong{animation:capital-glow 4s ease-in-out infinite}
.motion-enabled .motion-item{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .motion-item.is-visible{opacity:1;translate:0 0}
@media(hover:hover) and (pointer:fine){a.card:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-5px);box-shadow:0 12px 32px #0008,0 0 22px #ffffff12;border-color:#ffffffbd}.card:hover::before{opacity:1}.card:hover .icon-box{transform:translateY(-2px) scale(1.055);box-shadow:0 5px 16px #ffffff12}.card:hover .arrow,.live-banner:hover .arrow{transform:translateX(4px);box-shadow:0 0 14px #ffffff20}.live-banner:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0008}.leverage-benefits article:hover{transform:translateY(-5px);background:#ffffff08}}
a.card:active,a.live-banner:active{transform:scale(.985)}
@keyframes card-shimmer{0%,64%{left:-65%;opacity:0}68%{opacity:1}90%,100%{left:135%;opacity:0}}
@keyframes between-glow{from{opacity:.25;transform:translateY(-30px)}to{opacity:.8;transform:translateY(35px)}}
@keyframes live-pulse{0%,100%{opacity:1;box-shadow:0 0 5px #fff5}50%{opacity:.55;box-shadow:0 0 12px #fff9}}
@keyframes capital-glow{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 9px #ffffff30)}}
@media(max-width:520px){.motion-enabled .motion-item{translate:0 16px}.actions::before{inset:0 -5px}.card::after{animation-duration:12s}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motion-enabled .motion-item{opacity:1;translate:none}.card,.live-banner,.arrow,.icon-box{transform:none!important}}