/* The community panel uses the same pearl material as the site actions. */
.community{
 border:1px solid transparent;
 border-radius:16px;
 padding:40px 40px 0;
 background:radial-gradient(ellipse at 5% 0%,#f0e4e80b,transparent 58%) padding-box,
  linear-gradient(125deg,#151419,#0e0e14 64%,#151218) padding-box,
  var(--pearl-outline) border-box;
 box-shadow:inset 0 1px #ffffff06;
}
.community .community-top{grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;}
.community .community-top>div,.community .terms-visual dd{min-width:0;}
.community .eyebrow{color:#c2bac5;font-size:9px;letter-spacing:.12em;}
.community .little-cross{color:#e5d5ce;}
.community h2{max-width:620px;font-size:clamp(30px,3vw,38px);font-weight:500;line-height:1.16;letter-spacing:-.045em;margin-top:22px;color:#f3f0f5;}
.community .community-description{font-size:13px;line-height:1.85;color:#b1aab7;max-width:490px;margin-top:20px;}
.community .community-top .btn{margin-top:27px;min-height:48px;}

.community .terms-visual{
 isolation:isolate;overflow:hidden;max-width:none;margin:0;padding:30px;
 border:1px solid transparent;border-radius:12px;
 background:radial-gradient(ellipse at 100% 0%,#e9cfc212,transparent 63%) padding-box,
  linear-gradient(135deg,#222027,#14131a 78%) padding-box,
  linear-gradient(120deg,#f4eef065,#dfdce626 56%,#e5cbb55e) border-box;
 box-shadow:inset 0 1px #ffffff0a,0 14px 40px #00000020;
}
.community .terms-visual::before{content:'';position:absolute;z-index:-1;inset-block-start:-100px;inset-inline-end:-63px;width:230px;height:230px;border:1px solid #e7d1c51a;border-radius:50%;box-shadow:0 0 0 25px #eee4eb06,0 0 0 50px #eee4eb04;pointer-events:none;}
.community .terms-visual::after{content:'';position:absolute;top:0;inset-inline-start:13%;width:65%;height:1px;background:linear-gradient(90deg,transparent,#f9ece196,transparent);pointer-events:none;}
.community .terms-kicker{color:#c2b4c0;font-size:9px;letter-spacing:.12em;}
.community .terms-visual h3{font-size:clamp(25px,2.3vw,32px);font-weight:450;line-height:1.2;letter-spacing:-.035em;margin:18px 0 25px;color:#f0eaf1;}
.community .terms-visual dl>div{display:grid;grid-template-columns:minmax(60px,.65fr) minmax(0,1fr);gap:18px;align-items:center;border-top-color:#e7e0eb26;padding:17px 0;}
.community .terms-visual dl>div:last-child{padding-bottom:0;}
.community .terms-visual dt{font-size:11px;color:#aaa0b0;}
.community .terms-visual dd{font-size:12px;line-height:1.65;color:#e8e0ec;overflow-wrap:anywhere;}
.community .terms-visual dl>div:last-child dd{color:#e4cbbb;}

.community .community-steps{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px;padding-top:32px;border-top:0;}
.community .community-steps::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,#ede7ee45,#e3d6df1a 55%,#dec2b535);}
.community .community-steps>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px 13px;align-content:start;padding:0;border:0;min-width:0;}
.community .step-number{grid-column:1;grid-row:1/3;display:grid;place-items:center;align-self:start;width:34px;height:30px;margin:0;border:1px solid #eee4eb30;border-radius:7px;background:linear-gradient(130deg,#efe6ee12,#d9c1b209);color:#eadbd4;font-size:10px;letter-spacing:.04em;font-variant-numeric:tabular-nums;}
.community .community-steps h3{grid-column:2;font-size:16px;font-weight:550;line-height:1.4;letter-spacing:-.025em;margin:3px 0 0;color:#f1eaf3;}
.community .community-steps p{grid-column:2;max-width:none;margin:0;font-size:11px;line-height:1.85;color:#aaa2b1;}
.community .split-note{margin-top:30px;border-top-color:#e7e0eb24;padding:20px 0 24px;gap:11px;}
.community .split-note>.icon{color:#c9bfc9;margin-top:3px;}
.community .split-note p{max-width:none;font-size:11px;line-height:1.85;color:#b0a7b5;}

@media(max-width:1050px){
 .community{padding:30px 30px 0;}
 .community .community-top{gap:30px;grid-template-columns:1.1fr 1fr;}
 .community .terms-visual{padding:25px;}
 .community .community-steps{gap:20px;}
 .community .community-steps>div{grid-template-columns:30px minmax(0,1fr);gap:9px 10px;}
 .community .step-number{width:29px;height:28px;}
 .community .community-steps h3{font-size:15px;}
}
@media(max-width:760px){
 .community{padding:27px 23px 0;border-radius:12px;}
 .community .community-top{grid-template-columns:1fr;gap:27px;}
 .community h2{font-size:32px;margin-top:19px;}
 .community .community-description{font-size:12px;margin-top:17px;}
 .community .terms-visual{padding:24px;}
 .community .terms-visual h3{font-size:27px;margin-bottom:23px;}
 .community .community-steps{grid-template-columns:1fr;gap:0;padding-top:5px;margin-top:28px;}
 .community .community-steps>div{grid-template-columns:34px minmax(0,1fr);gap:8px 12px;padding:21px 0;border-bottom:1px solid #e7e0eb1c;}
 .community .community-steps>div:last-child{border-bottom:0;padding-bottom:0;}
 .community .step-number{width:32px;height:29px;}
 .community .split-note{margin-top:25px;padding-bottom:23px;}
}
@media(max-width:420px){
 .community{padding-inline:20px;}
 .community h2{font-size:30px;}
 .community .eyebrow{font-size:8px;letter-spacing:.09em;}
 .community .terms-visual{padding:21px;}
 .community .terms-visual h3{font-size:25px;}
 .community .terms-visual dl>div{gap:12px;}
 .community .terms-visual dd{font-size:11px;}
}