/* Identité publique commune : papier imprimé, chocolat, ambre et bleu-vert. */
:is(.groovy-brand,.groovy-nfc-page,.groovy-service){--brand-ink:#321b10;--brand-teal:#28767a;--brand-paper:#fff3d9;--brand-panel:radial-gradient(ellipse at 18% 0,#fffdf3aa,transparent 75%),url('/assets/groovy/cream-paper-v1.webp');--brand-relief:inset 0 1px 0 #fffdf4,0 4px 0 #c19c6560,0 13px 26px #321b1012}
.groovy-brand:not(.groovy-home) :is(.product-title,.pack-hero h1,.contact-wrap h1,.faq-title,.humeur-title,.cart-wrap h1,.hero h1){text-shadow:1px 2px 0 #ffcb6570;overflow-wrap:anywhere}
.groovy-brand:not(.groovy-home) :is(.main-image,.pack-original-art){background:radial-gradient(ellipse at 50% 35%,#ffc64270,transparent 65%),url('/assets/groovy/cream-paper-v1.webp') center/650px;border:1px solid #d7b480;box-shadow:var(--brand-relief)}
.groovy-brand:not(.groovy-home) :is(.product-connected-note,.pack-includes,.contact-form,.humeur-section,.faq-item,.cart-totals,.pouch-block,.gallery-empty){background-image:var(--brand-panel);background-size:auto,650px;border:1px solid #d7b480;box-shadow:var(--brand-relief)}
.groovy-brand .product-connected-note{border-left:5px solid #28767a;padding:22px;border-radius:22px}
.groovy-brand .product-connected-note a{display:inline-flex;align-items:center;min-height:44px;color:#28767a;font-weight:700}
.groovy-brand .coll-tag{background:#ffcf6945;border:1px solid #d1a758;border-radius:20px;padding:6px 13px;color:#68432c;font:600 16px 'Barlow Condensed',Arial,sans-serif;letter-spacing:0}
.groovy-brand .stock-label,.groovy-brand .dispatch{font:500 18px/1.4 'Barlow Condensed',Arial,sans-serif;color:#68503e;letter-spacing:0}
.groovy-brand .acc-item{border:1px solid #d7b480;border-radius:18px;margin:12px 0;background:var(--brand-panel);background-size:auto,650px;overflow:hidden}
.groovy-brand .acc-trigger{padding:18px 20px}.groovy-brand .acc-inner{padding:0 20px 20px}
.groovy-brand .faq-item{transition:border-color .2s,box-shadow .2s}.groovy-brand .faq-item[open]{border-color:#ba8737;box-shadow:inset 4px 0 0 #ffc43a,0 7px 18px #321b1018}
.groovy-brand .contact-row label{font-size:19px}.groovy-brand .contact-row :is(input,textarea){background:#fffcf1;border:1px solid #bda17c;box-shadow:inset 0 2px 4px #321b100a}
.groovy-brand .contact-note a{display:inline-block;color:#28767a;text-decoration:underline;text-underline-offset:4px}
.groovy-brand .cart-row{padding:20px 16px;border:1px solid #d7b480;border-radius:20px;background:var(--brand-panel);background-size:auto,650px;margin-bottom:16px;box-shadow:var(--brand-relief)}
.groovy-brand .cart-totals{border-radius:24px;background-image:linear-gradient(135deg,#ffcc6533,transparent),var(--brand-panel)}
.groovy-brand .cart-totals .grand{color:#321b10;border-color:#bca17a}.groovy-brand .cart-empty{padding:32px 24px;background:var(--brand-panel);border:1px solid #d7b480;border-radius:26px;box-shadow:var(--brand-relief)}
.groovy-brand .cart-empty .btn-checkout{font-size:21px!important;min-height:48px}
.groovy-brand .cart-row .remove{color:#87502f;text-underline-offset:4px}.groovy-brand .qty .n{font:700 22px 'Barlow Condensed',Arial,sans-serif}
.groovy-brand .strip-pin-img{background:var(--brand-panel);background-size:auto,550px;border:1px solid #d7b480;border-radius:20px;box-shadow:var(--brand-relief)}
.groovy-gallery .cta-block{background:linear-gradient(#f7772340,#f7772340),url('/assets/groovy/orange-paper-v1.webp') center/cover;border-radius:32px;padding:40px 24px;margin:30px auto;max-width:1100px}
.groovy-gallery .photo-card{border:6px solid #fff7e5;border-radius:18px;box-shadow:0 5px 0 #b3976960,0 14px 28px #321b1025}
/* La page NFC reprend les matières de la boutique. */
.groovy-nfc-page .acte1{position:relative;isolation:isolate;background:#fff3d9 url('/assets/groovy/hero-paper-v1.webp') center/cover;padding-bottom:80px}
.groovy-nfc-page .acte1:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:55px;background:url('/assets/groovy/waves-warm.svg') center/100% 100%;pointer-events:none}
.groovy-nfc-page .hero-nav{background-image:linear-gradient(#fff3d9dd,#fff3d9dd),url('/assets/groovy/cream-paper-v1.webp');background-size:auto,650px;border-bottom:1px solid #321b1025;backdrop-filter:blur(12px)}
.groovy-nfc-page .connected-label{font-size:18px;letter-spacing:0;background:linear-gradient(120deg,#ffe190,#ffc33f);box-shadow:0 3px 0 #321b10;rotate:-2deg}
.groovy-nfc-page .connected-pin{width:190px;max-width:50vw;filter:drop-shadow(0 3px 0 #321b1060) drop-shadow(3px 12px 8px #321b1040)}
.groovy-nfc-page :is(.write-card,.bof-card,.my-bof-card,.chien-bubble){background-image:var(--brand-panel);background-size:auto,650px;border:1px solid #d7b480;border-radius:22px;box-shadow:var(--brand-relief)}
.groovy-nfc-page .bof-card{transition:translate .2s,box-shadow .2s}.groovy-nfc-page .bof-card:hover{translate:0 -2px;box-shadow:inset 0 1px 0 #fffaf2,0 5px 0 #c19c6550,0 16px 26px #321b1018}
.groovy-nfc-page .bof-like-btn{min-width:44px;min-height:44px;border-radius:50%;background:#fff3d980;transition:background .2s}.groovy-nfc-page .bof-like-btn:hover{background:#ffd97880}
.groovy-nfc-page :is(.btn-poser,.btn-assume,.auth-email-submit){background:linear-gradient(120deg,#ffe292,#ffc33f 65%,#ffb42b);border:2px solid #321b10;border-radius:30px;color:#321b10;box-shadow:0 3px 0 #321b10;font:700 21px/1.3 'Barlow Condensed',Arial,sans-serif;letter-spacing:0;text-transform:none;min-height:48px}
.groovy-nfc-page .voir-plus{font:600 18px 'Barlow Condensed',Arial,sans-serif;letter-spacing:0;text-transform:none;min-height:44px;border:1px solid #c6a575;border-radius:24px;padding:10px 20px;background:#fff9e9;color:#68432c}
.groovy-nfc-page .auth-modal-overlay{background:#24140dcc;backdrop-filter:blur(8px)}
.groovy-nfc-page .auth-modal-card{background:var(--brand-panel);background-size:auto,650px;border:1px solid #d7b480;border-radius:28px;box-shadow:0 22px 70px #170b0b66;color:#321b10;padding:32px;max-height:90dvh;overflow:auto}
.groovy-nfc-page .auth-modal-title{font:900 34px/1.1 'Fraunces',Georgia,serif;letter-spacing:-.04em;color:#321b10}
.groovy-nfc-page :is(.auth-modal-sub,.auth-disclaimer,.auth-divider,.auth-email-status){font:500 18px/1.45 'Barlow Condensed',Arial,sans-serif;letter-spacing:0;color:#68503e}
.groovy-nfc-page .auth-modal-card input{border:1px solid #bda17c;border-radius:14px;background:#fffcf1;font:500 19px 'Barlow Condensed',Arial,sans-serif;padding:14px;min-height:48px;color:#321b10}
.groovy-nfc-page .auth-divider span{background:#fff3d9}.groovy-nfc-page .auth-social-btn{border-radius:16px;font:600 19px 'Barlow Condensed',Arial,sans-serif;min-height:48px}
.groovy-nfc-page .auth-modal-close{width:44px;height:44px;border:1px solid #d7b480;border-radius:50%;background:#ffdc81;color:#321b10;opacity:1}
.groovy-nfc-page footer{border-radius:0;background:#321b10 url('/assets/groovy/collection-paper-v1.webp') center/cover}
/* Pages pratiques, légales, certificats et désabonnement. */
body.groovy-service{--cream:#fff3d9;--cream-2:#f7e7c6;--ink:#321b10;--ink-soft:#68503e;--ink-ghost:#80664f;--terra:#9d4e21;--terra-dark:#68432c;--olive:#28767a;--gold:#ffc43a;--line:#321b1028;--shadow:0 4px 0 #c19c6550,0 14px 30px #321b1015;background:#fff3d9 url('/assets/groovy/cream-paper-v1.webp') center/700px;color:#321b10;font:500 19px/1.6 'Barlow Condensed',Arial,sans-serif;overflow-wrap:anywhere}
.groovy-service :is(h1,h2,.status-txt,.order-num,.name){font-family:'Fraunces',Georgia,serif;font-weight:900;font-style:normal;letter-spacing:-.04em;color:#321b10}
.groovy-service h1{font-size:clamp(36px,5vw,58px);line-height:1.1}.groovy-service .brand img{display:block;width:145px;height:auto;max-width:100%;margin:auto;mix-blend-mode:multiply}
.groovy-service :is(.form-card,.order-card,.certs-card,.result,.card){background:var(--brand-panel);background-size:auto,650px;border:1px solid #d7b480;border-radius:25px;box-shadow:var(--brand-relief);padding:28px;color:#321b10}
.groovy-service .cert{background:linear-gradient(135deg,#ffe8ab88,#ffbd3730),url('/assets/groovy/cream-paper-v1.webp') center/650px;border:1px solid #d7b480;border-radius:24px;color:#321b10}
.groovy-service :is(.serial,.edition){font:900 34px/1.2 'Fraunces',Georgia,serif;color:#321b10}.groovy-service :is(.status-sub,.hint,.sub,.status-txt,.status-sub,.edition,.l,.v){letter-spacing:0;line-height:1.5}
.groovy-service :is(.hint,.sub,.status-sub,.last-update,.order-date,.status-msg){font:500 18px/1.5 'Barlow Condensed',Arial,sans-serif;color:#68503e}
.groovy-service :is(input,textarea,select){font:500 19px/1.4 'Barlow Condensed',Arial,sans-serif;border:1px solid #bda17c;border-radius:14px;background:#fffdf5;color:#321b10;min-height:48px;padding:12px}
.groovy-service label{font:700 19px/1.4 'Barlow Condensed',Arial,sans-serif;color:#321b10;letter-spacing:0}
.groovy-service :is(.btn-lookup,button[type=submit],.back,.btn-back-home){font:700 21px/1.3 'Barlow Condensed',Arial,sans-serif;border:2px solid #321b10;border-radius:30px;background:linear-gradient(120deg,#ffe292,#ffc33f);color:#321b10;min-height:48px;padding:12px 22px;letter-spacing:0;text-transform:none;box-shadow:0 3px 0 #321b10;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.groovy-service .tl-dot{background:linear-gradient(#ffe18b,#ffc33f);border:1px solid #321b10;box-shadow:0 2px #321b10;color:#321b10}.groovy-service .tracking-box{background:#321b10 url('/assets/groovy/collection-paper-v1.webp') center/cover;color:#fff3d9;border-radius:20px}
.groovy-service .note,.groovy-service .alert{background:#ffda7a35;border:1px solid #d7b480;border-radius:18px;padding:18px}
.groovy-service .back-home{min-height:44px;font-size:18px}.groovy-service footer{font:500 17px/1.5 'Barlow Condensed',Arial,sans-serif}
:is(.groovy-brand,.groovy-nfc-page,.groovy-service) :is(a,button,input,textarea,select):focus-visible{outline:3px solid #28767a;outline-offset:4px}
/* Pin monté : centré sur la carte, sans modifier son rapport largeur/hauteur. */
.groovy-home .pin-nfc-mount>.pin-nfc-attached{position:absolute;width:68%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 0 #22140777) drop-shadow(1px 4px 2px #321b1060);pointer-events:none}
@media(max-width:650px){.groovy-brand .cart-row{padding:16px 12px}.groovy-nfc-page .connected-pin{width:155px}.groovy-nfc-page .auth-modal-card{padding:25px 20px}.groovy-service :is(.form-card,.order-card,.certs-card,.result,.card){padding:22px 18px}.groovy-service .card{width:min(100%,600px)}.groovy-service h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){:is(.groovy-brand,.groovy-nfc-page,.groovy-service) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Les petites légendes rejoignent aussi les typographies de la marque. */
.groovy-brand :is(.contact-eyebrow,.faq-eyebrow,.cart-eyebrow,.humeur-eyebrow,.gallery-eyebrow){font:600 16px/1.4 'Barlow Condensed',Arial,sans-serif;letter-spacing:.06em;color:#80664f}
.groovy-nfc-page .hero-title{text-transform:none}
.groovy-nfc-page :is(.chien-bubble p,.time-phrase,.hero-phrase){font:500 21px/1.5 'Barlow Condensed',Arial,sans-serif;color:#68503e;font-style:normal;letter-spacing:0}
.groovy-nfc-page :is(.counter-txt,.hero-pin-label,.write-hint,.bof-meta,.bof-time,.auth-disclaimer){font:500 16px/1.4 'Barlow Condensed',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#80664f}
.groovy-nfc-page :is(.auth-modal-overlay,.ugc-modal-overlay){backdrop-filter:blur(8px)}

/* Etats secondaires : avis, confirmation, liens expirés et retours de connexion. */
.brand-status-page{margin:0;min-height:100vh;padding:40px 20px;display:grid;align-items:center}
.brand-status-page .wrap{width:100%;max-width:680px;margin:0 auto;text-align:center}
.brand-status-page .brand{display:block;margin-bottom:30px}
.brand-status-card{padding:36px 30px;background:var(--brand-panel);background-size:auto,650px;border:1px solid #d7b480;border-radius:28px;box-shadow:var(--brand-relief)}
.brand-status-eyebrow{font:600 17px/1.4 'Barlow Condensed',Arial,sans-serif;color:#80664f}
.brand-status-card h1{margin:15px 0 22px}.brand-status-card p{font-size:21px;line-height:1.5;color:#68503e;margin:0 0 28px}
.groovy-brand .brand-status-section>div{padding:30px 24px;background:var(--brand-panel);background-size:auto,650px;border:1px solid #d7b480;border-radius:28px;box-shadow:var(--brand-relief)}
.groovy-brand .brand-status-section h1{font:900 clamp(36px,5vw,58px)/1.12 'Fraunces',Georgia,serif!important;letter-spacing:-.04em}
.groovy-brand .brand-status-section p{font:500 21px/1.5 'Barlow Condensed',Arial,sans-serif!important;color:#68503e}
.groovy-brand .brand-status-section a{font:700 21px/1.3 'Barlow Condensed',Arial,sans-serif!important;background:linear-gradient(120deg,#ffe292,#ffc33f)!important;color:#321b10!important;border:2px solid #321b10;border-radius:30px!important;box-shadow:0 3px #321b10;letter-spacing:0!important;text-transform:none!important;min-height:48px;display:inline-flex!important;align-items:center}
.groovy-receipt{--noir:#321b10;--creme:#fff3d9;--gris:#68503e;--ligne:#321b1028}
.groovy-receipt .wrap{max-width:760px}.groovy-receipt .brand{display:block;text-align:center;margin-bottom:30px}
.groovy-receipt :is(.eyebrow,.l,.q,.serial-meta,.edition-badge,.em-line){font:600 17px/1.5 'Barlow Condensed',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#68503e}
.groovy-receipt :is(.nm,.total,.v){font:700 24px/1.4 'Barlow Condensed',Arial,sans-serif;color:#321b10;letter-spacing:0}
.groovy-receipt .serial{font:700 17px 'Barlow Condensed',Arial,sans-serif;color:#321b10;background:#ffce66;border:1px solid #d7b480;border-radius:20px;padding:5px 10px}
.groovy-receipt .quote{font:900 30px/1.2 'Fraunces',Georgia,serif;font-style:normal;color:#68432c}.groovy-receipt .quote .em-line{display:block;margin-top:12px}
.groovy-receipt .btn{font:700 21px/1.3 'Barlow Condensed',Arial,sans-serif;letter-spacing:0;text-transform:none;min-height:48px;padding:14px 24px;border:2px solid #321b10;border-radius:30px;color:#321b10;background:#fff9e9;box-shadow:0 3px #321b10}
.groovy-receipt .btn-primary{background:linear-gradient(120deg,#ffe292,#ffc33f);color:#321b10}.groovy-receipt .ctas{gap:15px;flex-wrap:wrap}
.groovy-brand .review-wrap{padding-top:50px;max-width:680px}
.groovy-brand .review-wrap h1,.groovy-brand .review-success h2{font-family:'Fraunces',Georgia,serif;font-style:normal;font-weight:900;color:#321b10;letter-spacing:-.04em}
.groovy-brand :is(.review-eyebrow,.review-form .field-label){font:600 18px/1.4 'Barlow Condensed',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#68503e}
.groovy-brand .review-wrap .pin-hint,.groovy-brand .review-wrap .pin-hint strong{font:500 21px/1.5 'Barlow Condensed',Arial,sans-serif;letter-spacing:0;font-style:normal}
.groovy-brand .review-form{padding:25px;background:var(--brand-panel);background-size:auto,650px;border:1px solid #d7b480;border-radius:24px;box-shadow:var(--brand-relief)}
.groovy-brand .review-form :is(input[type=text],textarea){font:500 19px/1.5 'Barlow Condensed',Arial,sans-serif;border:1px solid #bda17c;border-radius:14px;background:#fffdf5;color:#321b10;min-height:48px}
.groovy-brand .review-submit{font:700 21px/1.3 'Barlow Condensed',Arial,sans-serif;background:linear-gradient(120deg,#ffe292,#ffc33f);border:2px solid #321b10;border-radius:30px;color:#321b10;box-shadow:0 3px #321b10;letter-spacing:0;text-transform:none;min-height:48px}
.groovy-brand .review-success{background:var(--brand-panel);background-size:auto,650px;border:1px solid #d7b480;border-left:5px solid #28767a;color:#321b10;border-radius:24px;box-shadow:var(--brand-relief)}
.groovy-brand .review-success :is(p,a){font:500 20px/1.5 'Barlow Condensed',Arial,sans-serif!important;letter-spacing:0!important;font-style:normal!important;text-transform:none!important}
.groovy-brand .stars-input{position:relative}.groovy-brand .stars-input input{display:block;position:absolute;width:1px;height:1px;opacity:0;min-height:0;padding:0}
.groovy-brand .stars-input input:focus-visible+label{outline:3px solid #28767a;outline-offset:3px;border-radius:9px}.groovy-brand .stars-input label{min-width:44px;min-height:44px;text-align:center}
.groovy-brand .pin-card:nth-child(3n) .pin-card-badge{background:linear-gradient(130deg,#ffe28b,#ffc53d);color:#321b10}
@media(max-width:650px){.brand-status-page{padding:25px 18px}.brand-status-card{padding:26px 20px}.groovy-receipt .quote{font-size:25px}.groovy-brand .review-form{padding:20px 18px}.groovy-receipt .ctas .btn{width:100%}}

.groovy-receipt :is(h1,.sub,.quote,.ctas,.order-card,.eyebrow,.separator,.edition-wrap,footer){animation:none;opacity:1;transform:none}
.groovy-receipt footer{letter-spacing:0;text-transform:none;color:#80664f}
.groovy-receipt .wrap{animation:brand-receipt-enter .35s ease-out both}
@keyframes brand-receipt-enter{from{opacity:.6;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.groovy-receipt .wrap{animation:none}}

/* Product story: exact catalogue images over generated scenery. */
.groovy-brand .how-steps{gap:20px}
.groovy-brand .how-photo{height:auto;aspect-ratio:3/2;overflow:hidden;isolation:isolate;background:#e1bc72;border:1px solid #c89b5a;border-radius:22px;box-shadow:0 3px 0 #8d54262e,0 12px 24px #40201018}
.groovy-brand .how-step-n{z-index:8;top:12px;left:12px;background:linear-gradient(135deg,#ffe7a0,#ffc23d);border:1.5px solid #47291c;border-radius:9px;box-shadow:0 2px #47291c;transform:rotate(-6deg);font:700 20px/1 'Cooper Black',Georgia,serif;width:32px;height:32px;display:grid;place-items:center;color:#321b10}
.how-art-scene{position:absolute;inset:0;transition:scale .7s cubic-bezier(.2,.8,.2,1)}
.how-art-backdrop,.how-art-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.how-art-product-card{position:absolute;left:54%;top:54%;width:28%;aspect-ratio:54/85.6;transform:translate(-50%,-50%) rotate(-7deg);border-radius:6%;box-shadow:2px 4px 0 #573b2380,4px 10px 15px #281b176b;isolation:isolate}
.how-art-card-face{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.how-art-mounted-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:55.5556%;height:auto;max-height:none;filter:drop-shadow(1px 3px 2px #25170ca8);z-index:2}
.how-art-parcel .how-art-product-card{left:53%;top:50%;width:25%;transform:translate(-50%,-50%) rotate(8deg)}
.how-art-foreground{clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);z-index:4;pointer-events:none}
.how-art-tap .how-art-product-card{left:30%;top:51%;width:27%;transform:translate(-50%,-50%) rotate(-12deg)}
.how-art-phone-screen{position:absolute;left:59%;top:47%;width:13%;transform:translate(-50%,-50%) rotate(-22deg);display:grid;gap:5px;pointer-events:none}
.how-art-phone-screen img{width:80%;height:auto;justify-self:center;margin-bottom:5px}
.how-art-phone-screen span{display:block;height:11px;border-radius:3px;background:#d6b98955;box-shadow:0 1px 1px #42231818}
.how-art-worn-pin{position:absolute;left:54%;top:34%;width:11%;height:auto;transform:translate(-50%,-50%) rotate(7deg);filter:drop-shadow(1px 2px 1px #291706a6)}
.groovy-brand .how-step-title{font-size:22px;letter-spacing:0;margin-top:14px;color:#321b10}
@media(hover:hover){.how-step:hover .how-art-scene{scale:1.045}}
@media(max-width:1000px){.groovy-brand .how-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}}
@media(max-width:600px){.groovy-brand .how-step-title{font-size:19px;line-height:1.15}.groovy-brand .how-step-n{width:27px;height:27px;font-size:17px;top:8px;left:8px}.groovy-brand .how-photo{border-radius:16px}.how-art-phone-screen{gap:3px}.how-art-phone-screen span{height:6px}}
@media(prefers-reduced-motion:reduce){.how-art-scene{transition:none}.how-step:hover .how-art-scene{scale:1}}

/* Contrast remains stable through hover, focus and pressed states. */
:is(.groovy-brand,.groovy-nfc-page) :is(.btn-assume,.btn-hero,.btn-pack-buy,.btn-checkout,.btn-collection,.pin-card-assume-btn,.pack-card-assume-btn,.contact-submit,.hdc-popup-send-btn,.send-btn,.btn-poser,.auth-email-submit,.review-submit):is(:hover,:focus-visible):not(:disabled){background:linear-gradient(120deg,#ffe9aa,#ffc33f 65%,#ffb42b);color:#321b10;opacity:1;box-shadow:0 4px 0 #321b10,0 8px 18px #321b1025}
:is(.groovy-brand,.groovy-nfc-page) :is(.btn-assume,.btn-hero,.btn-pack-buy,.btn-checkout,.btn-collection,.pin-card-assume-btn,.pack-card-assume-btn,.contact-submit,.hdc-popup-send-btn,.send-btn,.btn-poser,.auth-email-submit,.review-submit):focus-visible{outline:3px solid #28767a;outline-offset:5px}
.groovy-service :is(.form-card button,button[type=submit],.btn-primary):is(:hover,:focus-visible){background:linear-gradient(120deg,#ffe9aa,#ffc33f);color:#321b10;opacity:1}
.how-art-real-chat{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}