.community-login{min-height:calc(100vh - 182px);max-width:1240px;margin:8px auto 0;display:grid;grid-template-columns:1.12fr .88fr;background:#fff;border:1px solid #e8ded8;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(79,48,52,.12)}.community-showcase{min-height:670px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(38px,5vw,70px);color:#fff;background:radial-gradient(circle at 80% 18%,rgba(255,218,191,.35),transparent 22%),linear-gradient(145deg,#723e55 0%,#9c5962 48%,#c77b72 100%)}.community-showcase:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1.2px,transparent 1.2px);background-size:19px 19px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.showcase-copy{position:relative;z-index:3;max-width:580px}.community-kicker{font:800 .73rem Manrope;letter-spacing:.18em;color:#ffe0c7}.showcase-copy h1{font:800 clamp(3rem,5vw,5.3rem)/.98 Manrope;letter-spacing:-.055em;margin:13px 0 24px}.showcase-copy p{max-width:540px;font-size:1.08rem;line-height:1.7;color:#f9e9e4}.community-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.community-features span{padding:8px 12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.84rem;backdrop-filter:blur(8px)}.community-features b{color:#ffcf9e;margin-right:5px}.bead-art{position:absolute;width:460px;height:340px;right:-35px;top:15px;transform:rotate(-8deg);z-index:2}.bead{position:absolute;width:66px;height:66px;border-radius:50%;box-shadow:inset -10px -13px 18px rgba(76,32,48,.25),inset 8px 8px 15px rgba(255,255,255,.42),0 12px 18px rgba(59,29,42,.2)}.bead:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:rgba(68,36,43,.48);box-shadow:inset 2px 2px 3px rgba(0,0,0,.3);left:26px;top:26px}.b1{left:22px;top:117px;background:#ffd49b}.b2{left:83px;top:69px;background:#e58a91}.b3{left:151px;top:45px;background:#8fc6ba}.b4{left:220px;top:57px;background:#f4bf66}.b5{left:280px;top:99px;background:#b7a3d0}.b6{left:308px;top:167px;background:#f09b74}.b7{left:286px;top:235px;background:#86b9c4}.b8{left:219px;top:265px;background:#ffc5c0}.b9{left:148px;top:256px;background:#d8b46a}.b10{left:84px;top:220px;background:#91c98e}.b11{left:45px;top:174px;background:#cf91b1}.b12{left:157px;top:146px;width:92px;height:92px;background:#f5ded0}.b12:after{left:39px;top:39px}.thread-line{position:absolute;inset:25px 58px 11px 9px;border:4px solid rgba(255,241,222,.65);border-radius:50%;z-index:-1}.community-access{padding:clamp(34px,5vw,66px);display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0%,#fffaf7 100%)}.access-brand{display:flex;align-items:center;gap:10px;font:700 1.2rem Manrope}.access-brand b{color:#a15462}.access-brand .brand-mark{background:#9b5362}.access-form{width:100%;max-width:430px;margin:auto}.access-form .eyebrow{color:#a15462}.access-form h2{font:800 clamp(2rem,3vw,2.8rem)/1.08 Manrope;letter-spacing:-.045em;margin:10px 0 13px}.access-form>p{color:var(--muted);margin-bottom:30px}.access-form form>label:not(.remember-row){display:block;margin:17px 0 7px;font-weight:700;font-size:.84rem}.access-form .form-control{min-height:52px;border-color:#dfd4d1;border-radius:11px;background:#fff}.access-form .form-control:focus{border-color:#a15462;box-shadow:0 0 0 .22rem rgba(161,84,98,.13)}.access-form .btn-primary{background:#9b5362;border-color:#9b5362;color:#fff}.access-form .btn-primary:hover{background:#814352;border-color:#814352;color:#fff}.access-note{display:block;text-align:center;color:#8e817d;margin-top:21px}.community-access .remember-row{display:flex;gap:8px;align-items:center;margin:20px 0;color:#5f5653;font-size:.88rem}@media(max-width:900px){.community-login{grid-template-columns:1fr}.community-showcase{min-height:390px}.bead-art{transform:scale(.75) rotate(-8deg);transform-origin:top right}.community-access{min-height:610px}}@media(max-width:560px){.community-login{border-radius:18px;margin-top:0}.community-showcase{min-height:340px;padding:30px}.showcase-copy h1{font-size:2.75rem}.showcase-copy p{font-size:.95rem}.community-features{display:none}.bead-art{opacity:.55;right:-105px;top:-5px}.community-access{padding:30px 24px;min-height:570px}.access-brand{margin-bottom:45px}}
