/* MARA v106 · Crystal Beauty Entrance — applied to existing functional registration modal */
#gbb-join{background:radial-gradient(ellipse at 18% 12%,rgba(163,99,120,.34),transparent 49%),linear-gradient(148deg,rgba(20,12,22,.85),rgba(49,24,40,.9))!important;backdrop-filter:blur(23px)}
#gbb-join .gbb-dialog{width:min(1100px,calc(100vw - 36px))!important;max-width:1100px!important;max-height:min(92vh,920px)!important;border-radius:32px!important;overflow:auto!important;box-shadow:0 32px 110px #12081688,0 1px 0 #fff5 inset!important;border:1px solid #f4d6e29c!important;background:#fdf7f8!important;padding:0!important;isolation:isolate}
#gbb-join .gbb-join-shell{grid-template-columns:minmax(0, .94fr) minmax(0,1.06fr);min-height:710px}
#gbb-join .gbb-join-hero{background:radial-gradient(circle at 64% 50%,#b7889b77 0,#4e263f77 42%,transparent 76%),linear-gradient(145deg,#2d1b2f 4%,#553047 55%,#231522 100%)!important;isolation:isolate;min-height:650px}
#gbb-join .gbb-join-hero::before{inset:-15%;width:auto;height:auto;border-radius:0;background:radial-gradient(ellipse at 48% 58%,#f1a9c41c,transparent 48%),repeating-linear-gradient(65deg,#ffffff09 0 1px,transparent 1px 55px);transform:none;pointer-events:none}
#gbb-join .gbb-join-hero-badge{font-size:clamp(54px,6vw,84px)!important;letter-spacing:.09em;color:#f7d8d3;text-shadow:0 2px 35px #f4cadb5d}
#gbb-join .gbb-join-hero-copy{max-width:370px;padding:18px 0 0}
#gbb-join .gbb-join-hero-overline{color:#dfacc2;letter-spacing:.27em}
#gbb-join .gbb-join-hero-title{color:#fff0e7}
#gbb-join .gbb-join-hero-dust{opacity:.2;background-size:24px 24px}
#gbb-join .gbb-join-hero-bloom{display:none}
#gbb-join .mara-crystal-stage{position:absolute;pointer-events:none;width:min(95%,510px);height:450px;left:3%;top:15%;perspective:900px;z-index:1;filter:drop-shadow(0 24px 27px #12071380)}
#gbb-join .mara-crystal-halo{position:absolute;left:15%;top:14%;width:74%;height:80%;border-radius:48%;border:1px solid #e9c1cf53;background:radial-gradient(circle at 56% 38%,#fff6ed4b,transparent 49%),radial-gradient(ellipse,#cb8aab4a,transparent 70%);box-shadow:0 0 80px #d88da735,inset 0 0 44px #ffffff1c;transform:rotate(-16deg);animation:maraHalo 12s ease-in-out infinite alternate}
#gbb-join .mara-crystal-mirror{position:absolute;left:10%;top:16%;width:220px;height:220px;border:11px solid #cfa69c;border-radius:50%;background:linear-gradient(140deg,#fffaf2c2,#b7849da8 43%,#482d4988 56%,#d4b4acbf);box-shadow:0 0 0 4px #fff6e35e,inset 0 9px 23px #fff7f5c7,0 32px 37px #0c071191;transform:rotate(-17deg) rotateY(-17deg);animation:maraFloat 6s ease-in-out infinite alternate}
#gbb-join .mara-crystal-mirror-face{position:absolute;inset:12px;border-radius:50%;background:linear-gradient(125deg,#ffffff98,#f3d8db20 34%,#fdf1e6a3 36%,#fff0ff25 70%,#5d304b66);border:1px solid #ffffff83}
#gbb-join .mara-crystal-mirror-handle{position:absolute;width:20px;height:134px;top:199px;left:92px;border-radius:9px 9px 14px 14px;background:linear-gradient(90deg,#7b4a62,#f1dfbd,#a77583,#472c40);box-shadow:7px 10px 23px #17071a79;transform:rotate(3deg);z-index:-1}
#gbb-join .mara-crystal-bottle{position:absolute;right:14%;top:26%;width:151px;height:240px;transform:rotate(9deg);animation:maraBottle 7s ease-in-out infinite alternate}
#gbb-join .mara-crystal-bottle-cap{position:absolute;top:0;left:38px;width:75px;height:52px;border-radius:13px 13px 4px 4px;background:linear-gradient(90deg,#98717b,#edd1c7 30%,#fff2e1 43%,#ae7f87 70%,#6e445b);box-shadow:inset 0 8px 7px #ffffff6c,0 8px 12px #2d132c77}
#gbb-join .mara-crystal-bottle-glass{position:absolute;inset:49px 0 0;border-radius:19px 19px 30px 30px;border:3px solid #f5e4e6a0;background:linear-gradient(95deg,#fbebf04a,#fff9f3ad 14%,#d89bad85 39%,#ab6b8f90 72%,#ffffff83);box-shadow:inset 7px 0 14px #fff9f0a3,inset -8px 0 14px #7a465e66,0 26px 45px #0a030d77;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#52283e}
#gbb-join .mara-crystal-bottle-glass span{font:500 33px Georgia,serif;letter-spacing:.08em;text-shadow:0 1px 1px #fff9}
#gbb-join .mara-crystal-bottle-glass small{font:700 7px Manrope,sans-serif;letter-spacing:.18em}
#gbb-join .mara-crystal-lipstick{position:absolute;bottom:0;left:39%;width:49px;height:143px;transform:rotate(20deg);filter:drop-shadow(9px 12px 12px #13041288)}
#gbb-join .mara-crystal-lipstick i{position:absolute;bottom:69px;left:8px;width:33px;height:65px;border-radius:35px 15px 4px 4px;background:linear-gradient(90deg,#72304b,#cd7280 55%,#80344f);clip-path:polygon(0 17%,100% 0,100% 100%,0 100%)}
#gbb-join .mara-crystal-lipstick b{position:absolute;bottom:0;width:49px;height:72px;border-radius:5px;background:linear-gradient(90deg,#5b394b,#f4d5b7 24%,#b68084 65%,#4c3144);border-bottom:10px solid #ae7a84}
#gbb-join .mara-crystal-particle{position:absolute;border-radius:50%;background:#fff9e4;box-shadow:0 0 12px 3px #ffe4c0ba;animation:maraSpark 4s infinite ease-in-out}
#gbb-join .mara-crystal-particle.p1{width:6px;height:6px;left:28%;top:13%}
#gbb-join .mara-crystal-particle.p2{width:4px;height:4px;left:75%;top:14%;animation-delay:1.2s}
#gbb-join .mara-crystal-particle.p3{width:5px;height:5px;left:72%;top:85%;animation-delay:2.4s}
#gbb-join .gbb-join-main{padding:clamp(24px,3.5vw,42px)!important;background:radial-gradient(ellipse at 12% 18%,#fffefd,transparent 55%),linear-gradient(140deg,#fcf7f7dc,#f8eaf0ee)!important}
#gbb-join .gbb-join-accent{filter:drop-shadow(0 9px 21px #ce9b9c24)}
#gbb-join .gbb-input-wrap{background:#ffffffb8!important;backdrop-filter:blur(8px);box-shadow:0 12px 30px #64455812,inset 0 1px #fff!important}
#gbb-join .gbb-button[type=submit]{border:0!important;border-radius:40px!important;background:linear-gradient(115deg,#774b67,#c1888b 51%,#945b79)!important;box-shadow:0 12px 29px #92577937!important;transition:transform .25s,box-shadow .25s!important}
#gbb-join .gbb-button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 15px 36px #92577955!important}
@keyframes maraHalo{to{transform:rotate(8deg) scale(1.04)}}@keyframes maraFloat{to{transform:translateY(-15px) rotate(-12deg) rotateY(5deg)}}@keyframes maraBottle{to{transform:translateY(-11px) rotate(5deg)}}@keyframes maraSpark{50%{opacity:.3;transform:scale(.7)}}
@media(max-width:850px){#gbb-join .gbb-join-shell{grid-template-columns:1fr!important;min-height:0}#gbb-join .gbb-join-hero{min-height:220px!important;padding:22px 28px!important;gap:6px}#gbb-join .gbb-join-hero-badge{font-size:48px!important}#gbb-join .gbb-join-hero-copy{max-width:260px;margin-top:auto}#gbb-join .gbb-join-hero-copy p{font-size:12px;max-width:220px}#gbb-join .mara-crystal-stage{height:210px;width:260px;left:auto;right:0;top:0;transform:scale(.55);transform-origin:top right}#gbb-join .gbb-dialog{max-height:96vh!important}#gbb-join .gbb-join-main{padding:24px!important}#gbb-join .gbb-join-accent{font-size:60px!important}}
@media(max-width:430px){#gbb-join{padding:8px!important}#gbb-join .gbb-dialog{width:100%!important;border-radius:22px!important}#gbb-join .gbb-join-hero{min-height:175px!important}#gbb-join .gbb-join-hero-badge{font-size:40px!important}#gbb-join .gbb-join-hero-overline,#gbb-join .gbb-join-hero-title{font-size:9px!important}#gbb-join .gbb-join-main{padding:22px 18px!important}#gbb-join .gbb-two{grid-template-columns:1fr!important}#gbb-join .gbb-join-accent{font-size:52px!important}#gbb-join h2{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){#gbb-join .mara-crystal-stage *,#gbb-join .gbb-button{animation:none!important;transition:none!important}}