:root {
  --bg: #090610;
  --ink: #f6f2fc;
  --muted: #a7a0b4;
  --purple: #a66afe;
  --purple-strong: #8d43ee;
  --panel: #1a1225;
  --radius: 22px;
}
* {box-sizing: border-box}
html {min-height:100%; scroll-behavior:smooth}
body {margin:0; min-height:100vh; min-height:100dvh; overflow-x:hidden; background:var(--bg); color:var(--ink); font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; -webkit-font-smoothing:antialiased}
a {color:inherit}
.visual-bg {position:fixed; inset:0; overflow:hidden; z-index:-1; pointer-events:none; background: radial-gradient(ellipse 70% 55% at 50% 11%,#3c175d 0%,#170d24 38%,transparent 82%), radial-gradient(ellipse 54% 43% at 49% 107%,#341550 0%,transparent 75%), linear-gradient(165deg,#0d0815 0%,#09060e 55%,#11091d 100%)}
.visual-bg::before {content:"";position:absolute;inset:0; opacity:.14; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E"); mix-blend-mode:screen}
.glow {position:absolute; border-radius:50%; filter:blur(72px)}
.glow--top {left:50%;top:-280px;transform:translateX(-50%);height:520px;width:min(800px,140vw);background:rgba(130,43,219,.22)}
.glow--bottom {left:50%;bottom:-280px;transform:translateX(-50%);height:390px;width:630px;background:rgba(103,26,174,.13)}
.grid-bg {position:absolute;inset:0;background-image:linear-gradient(#b975ff0b 1px,transparent 1px),linear-gradient(90deg,#b975ff0b 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent);opacity:.45}
.stadium-rim {position:absolute; bottom:-44%; left:50%; width:1060px; height:600px; transform:translateX(-50%) rotateX(67deg);border:1px solid #7c3ac533;border-radius:50%;box-shadow:0 0 0 80px #703bb006,0 0 0 160px #703bb008,0 0 0 240px #703bb005}
.page-frame{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:40px 22px;position:relative}
.page-frame::before,.page-frame::after{content:"";pointer-events:none;position:fixed;height:1px;width:min(940px,85%);background:linear-gradient(90deg,transparent,#bd79ff22,transparent);left:50%;transform:translateX(-50%)}
.page-frame::before{top:25px}.page-frame::after{bottom:25px}
.hub {position:relative;width:100%;max-width:468px;margin:auto;text-align:center;isolation:isolate}
.hub::before {content:"";position:absolute;inset:-26px -30px -28px;border:1px solid #b875ff13;border-radius:42px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#ffffff03,transparent 38%,#ae60ff03)}
.brand-head {display:flex; flex-direction:column; align-items:center}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;line-height:1.3;letter-spacing:2.6px;color:#d0b5ee;font-weight:700;margin:0 0 19px;white-space:nowrap}
.eyebrow-dot{height:5px;width:5px;background:#cf9cff;border-radius:50%;box-shadow:0 0 12px #c58dff;flex-shrink:0;animation:pulse 2.8s ease-in-out infinite}
.eyebrow-line{height:1px;width:24px;background:linear-gradient(90deg,#c591ff66,transparent);margin-left:2px}
.crest-wrap {position:relative;width:160px;height:160px;display:grid;place-items:center;margin-bottom:9px}
.crest-glow{position:absolute;inset:11px;border-radius:50%;background:#8733dc50;filter:blur(27px);transform:scale(1.2);animation:halo 7s ease-in-out infinite}
.crest-frame{position:relative;display:grid;place-items:center;height:152px;width:152px;border-radius:50%;background:radial-gradient(circle at 38% 27%,#4e2671bb,#180e27 59%,#0f0a19 100%);box-shadow:0 0 0 1px #c392fb50,0 0 0 7px #b872f108,0 18px 38px #0009,0 0 42px #8c40ea38,inset 0 1px 0 #ffffff26,inset 0 -10px 22px #0008;overflow:hidden}
.crest-frame::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #ba89e834;pointer-events:none}
.crest {height:142px;width:142px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 7px 6px #0009)}
.crest-star{position:absolute;color:#dbc1ff;text-shadow:0 0 11px #9b4cf9;font-size:16px}
.star-one{right:-2px;top:23px}.star-two{left:0;bottom:30px;font-size:10px;opacity:.7}
.brand-name h1 {font-family:"Arial Narrow",Impact,"Arial Black","Segoe UI",system-ui,sans-serif;font-stretch:condensed;font-size:clamp(40px,9.5vw,51px);font-weight:950;letter-spacing:-2.35px;line-height:1;margin:4px 0 15px;text-shadow:0 8px 23px #0007;white-space:nowrap}
.brand-name h1 .black {color:#fff}.brand-name h1 .wolves {background:linear-gradient(180deg,#dfbaff 4%,#b374ff 56%,#8b3ce8 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.brand-divider {display:flex;align-items:center;justify-content:center;gap:14px;color:#aa64f9;height:17px;margin-bottom:14px}
.brand-divider>span{width:47px;height:1px;background:linear-gradient(90deg,transparent,#9956ea80)}
.brand-divider>span:last-child{transform:rotate(180deg)}
.tagline{font-size:15.5px;color:#d4cede;letter-spacing:.2px;font-weight:500;margin:0 0 29px;line-height:1.35}
.period{color:#ae67ff;font-weight:900}
.links{display:grid;gap:13px}
.link-card{--mx:50%;--my:50%;position:relative;display:flex;align-items:center;text-align:left;gap:16px;min-height:88px;padding:12px 17px;border-radius:var(--radius);text-decoration:none;overflow:hidden;isolation:isolate;outline-offset:5px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));will-change:transform}
.link-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx) var(--my),#ffffff10,transparent 75%);pointer-events:none;z-index:-1;opacity:.8}
.link-card::after{content:"";position:absolute;inset:1px;border-radius:calc(var(--radius) - 1px);pointer-events:none;background:linear-gradient(160deg,#ffffff09,transparent 39%,#00000012);z-index:-1}
.link-card--site{background:linear-gradient(105deg,#6e2ab9 0%,#4a1881 43%,#2f1450 100%);border:1px solid #bc7eff9c;box-shadow:0 13px 28px #1609219a,inset 0 1px 0 #ffffff2b,0 0 24px #7338cb36}
.link-card--whatsapp{background:linear-gradient(110deg,#241c2e 0%,#1a1522 66%,#1b1525);border:1px solid #665275ab;box-shadow:0 12px 29px #05030882,inset 0 1px 0 #ffffff12}
.link-card--instagram{background:linear-gradient(110deg,#241c2f 0%,#1a1524 66%,#1c1427);border:1px solid #665275ab;box-shadow:0 12px 29px #05030882,inset 0 1px 0 #ffffff12}
.card-led{position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 5px 5px 0;background:linear-gradient(#e0afff,#9653eb);box-shadow:0 0 16px #b25cfe88}
.link-card--whatsapp .card-led{background:linear-gradient(#83ffd0,#18d77e);box-shadow:0 0 13px #23e39b55}
.link-card--instagram .card-led{background:linear-gradient(#ffa5b0,#bb60ee);box-shadow:0 0 13px #e969d755}
.card-sheen {position:absolute;inset:0;pointer-events:none;transform:translateX(-130%) skewX(-15deg);background:linear-gradient(100deg,transparent 30%,#ffffff12 50%,transparent 70%);transition:transform .7s ease}
.icon-block{position:relative;flex:0 0 61px;width:61px;height:61px;border-radius:17px;display:grid;place-items:center;transform:rotate(-7deg);transition:transform .3s ease;box-shadow:0 10px 16px #0007, inset 0 1px 0 #ffffff75,inset -5px -6px 10px #0004}
.icon-block::before{content:"";position:absolute;inset:2px;border:1px solid #ffffff40;border-radius:15px;pointer-events:none}
.icon-block::after{content:"";position:absolute;inset:5px 7px auto 6px;height:14px;border-radius:50%;background:linear-gradient(#ffffff66,transparent);filter:blur(7px);pointer-events:none}
.icon-block svg{width:43px;height:43px;filter:drop-shadow(0 2px 1px #0004)}
.icon-block--site{background:linear-gradient(140deg,#d4a2ff 0%,#9b54f8 34%,#6324bc 100%)}
.icon-block--whatsapp{background:linear-gradient(145deg,#6bf4b5 0%,#22cb76 44%,#09743f 100%)}
.icon-block--instagram{background:radial-gradient(circle at 34% 100%,#f8c04e 0%,#ed653a 29%,#da2d83 53%,#8b38c8 77%,#5155ba 100%)}
.icon-block--instagram svg{width:40px;height:40px}
.link-copy{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1}
.link-copy strong{font-size:18px;font-weight:790;letter-spacing:-.5px;line-height:1.1;color:#fff}
.link-copy>span{font-size:12.5px;color:#beb2cc;letter-spacing:.05px;white-space:normal;line-height:1.3}
.link-card--site .link-copy>span{color:#dfc8f7}
.link-arrow{height:34px;width:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff22;background:#ffffff0e;color:#e0c5fb;transition:transform .25s ease,background .25s ease}
.link-arrow svg{height:19px;width:19px}
.link-card:hover{--ty:-3px;border-color:#bc83f7e8;box-shadow:0 18px 42px #0009,0 0 32px #8641da31,inset 0 1px 0 #ffffff20}
.link-card:hover .card-sheen{transform:translateX(130%) skewX(-15deg)}
.link-card:hover .icon-block{transform:rotate(-2deg) scale(1.05)}
.link-card:hover .link-arrow{transform:translateX(3px);background:#ffffff24}
.link-card:active{--ty:1px;transition-duration:.08s}
.link-card:focus-visible{outline:3px solid #dcb1ff}
.after-links {display:flex;justify-content:center;align-items:center;gap:12px;margin-top:29px;color:#8d58c4}
.after-line{width:65px;height:1px;background:linear-gradient(90deg,transparent,#8c50bd6e)}
.after-line:last-child{transform:rotate(180deg)}
.mini-diamond{font-size:11px}
.bottom-phrase{font-size:10px;letter-spacing:2.2px;font-weight:750;color:#a68dbb;margin:15px 0 26px}
.footer{display:flex;align-items:center;justify-content:center;gap:11px;font-size:9.5px;letter-spacing:1.1px;color:#7e728d;font-weight:700}
.footer-mark{font-size:7px;vertical-align:top}.footer-sep{color:#8d48c1}
@keyframes pulse{50%{opacity:.5;box-shadow:0 0 3px #c58dff}}
@keyframes halo{50%{transform:scale(1.28);opacity:.55}}
@media(min-width:900px){.page-frame{padding:54px 24px}.hub{max-width:490px}.hub::before{inset:-31px -45px -35px}.crest-wrap{margin-top:2px}}
@media(max-width:480px){.page-frame{padding:24px 19px 28px}.hub::before{display:none}.eyebrow{margin-bottom:14px;font-size:9px;letter-spacing:2px}.crest-wrap{width:148px;height:148px;margin-bottom:4px}.crest-frame{width:142px;height:142px}.crest{width:134px;height:134px}.brand-name h1{font-size:clamp(35px,10.5vw,47px);letter-spacing:-2px;margin-bottom:13px}.brand-divider{margin-bottom:11px}.tagline{margin-bottom:26px;font-size:15px}.links{gap:12px}.link-card{min-height:84px;padding:11px 14px;gap:14px;border-radius:20px}.icon-block{flex-basis:57px;width:57px;height:57px;border-radius:16px}.icon-block svg{width:40px;height:40px}.icon-block--instagram svg{width:38px;height:38px}.link-copy strong{font-size:17px}.link-copy>span{font-size:12px}.link-arrow{width:31px;height:31px;flex-basis:31px}.after-links{margin-top:23px}.bottom-phrase{margin:12px 0 22px;font-size:9px;letter-spacing:1.9px}}
@media(max-width:350px){.page-frame{padding-left:14px;padding-right:14px}.eyebrow{font-size:8.1px;letter-spacing:1.5px}.eyebrow-line{width:14px}.brand-name h1{font-size:35px}.link-card{gap:10px;padding:10px 12px}.icon-block{flex-basis:52px;width:52px;height:52px}.link-copy strong{font-size:16px}.link-copy>span{font-size:11px}.footer{font-size:8px}.bottom-phrase{font-size:8px}}
@media(max-height:730px) and (max-width:600px){.page-frame{align-items:flex-start;padding-top:15px;padding-bottom:15px}.eyebrow{margin-bottom:10px}.crest-wrap{width:121px;height:121px;margin-bottom:0}.crest-frame{width:117px;height:117px}.crest{height:111px;width:111px}.brand-name h1{margin:3px 0 8px;font-size:39px}.brand-divider{margin-bottom:7px;height:13px}.tagline{margin-bottom:18px}.link-card{min-height:74px}.icon-block{width:51px;height:51px;flex-basis:51px}.icon-block svg{width:36px;height:36px}.after-links{margin-top:13px}.bottom-phrase{margin:8px 0 13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.link-card{will-change:auto}}

/* Ícone do WhatsApp: silhueta fiel à referência fornecida, branco sobre botão 3D verde. */
.icon-block--whatsapp .whatsapp-mark { width:43px;height:43px;display:block;object-fit:contain;filter:drop-shadow(0 2px 1px #0005);transform:translateY(.5px); }
@media (max-width:480px){.icon-block--whatsapp .whatsapp-mark{width:40px;height:40px}}
@media (max-height:730px) and (max-width:600px){.icon-block--whatsapp .whatsapp-mark{width:36px;height:36px}}