.about-cta-card{--card-bg: linear-gradient( 180deg, color-mix(in srgb, var(--surface-card-top) 97%, transparent), color-mix(in srgb, var(--surface-card-bottom) 100%, transparent) );--card-border-color: color-mix(in srgb, var(--surface-card-border) 42%, transparent);--card-shadow: 0 18px 36px rgba(0, 0, 0, .32), inset 0 0 0 1px color-mix(in srgb, rgba(246, 232, 199, .03) 88%, transparent);--panel-inline-stroke: transparent}.about-cta-card:before{opacity:.26}.about-card{position:relative;border:1.5px solid var(--glass-border);background:var(--glass-bg) padding-box;color:var(--text-1);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border-radius:var(--glass-radius);overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:640px){.about-card{width:calc(100vw - 1.5rem);max-width:calc(100vw - 1.5rem);box-sizing:border-box}.about-card *{max-width:100%;box-sizing:border-box;word-break:break-word}}.about-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,color-mix(in srgb,var(--accent-love) 8%,transparent),color-mix(in srgb,var(--accent-foam) 7%,transparent));opacity:.7}.about-card>*{position:relative;z-index:1}.about-avatar{box-shadow:0 10px 28px #110e1f4d}.about-title{font-size:clamp(1.5rem,5vw,2.6rem);font-weight:800;color:color-mix(in srgb,var(--text-1) 90%,var(--brand) 10%);text-align:center;margin-bottom:1rem;letter-spacing:.015em;text-shadow:0 2px 18px color-mix(in srgb,var(--brand) 22%,transparent);word-break:break-word;padding:0 .5rem}.about-body{color:var(--text-1)}.about-subheading{font-size:1.1rem;font-weight:700;text-align:center;color:color-mix(in srgb,var(--brand) 78%,var(--text-1) 22%);letter-spacing:.08em;margin-bottom:.5rem}.about-section{text-align:center}.about-intro{color:color-mix(in srgb,var(--text-1) 90%,var(--text-2) 10%);line-height:1.6}.about-cta{color:color-mix(in srgb,var(--text-1) 85%,var(--brand) 15%);font-weight:500}@media(min-width:640px){.about-subheading{text-align:left;font-size:1.25rem}.about-section{text-align:left}}.about-paragraph{color:color-mix(in srgb,var(--text-1) 88%,var(--text-2) 12%);text-shadow:0 1px 10px color-mix(in srgb,var(--bg-2) 24%,transparent)}.social-btn{--social-accent: var(--brand);display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.35rem;border-radius:1rem;position:relative;color:color-mix(in srgb,var(--social-accent) 60%,var(--text-1) 40%);font-weight:800;font-size:1.25rem;letter-spacing:.02em;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 80%,transparent),color-mix(in srgb,var(--bg-3) 86%,transparent));backdrop-filter:blur(12px) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(12px) saturate(var(--glass-saturation));border:1px solid color-mix(in srgb,var(--surface-card-border) 92%,transparent);box-shadow:0 12px 34px #110e1f61,0 4px 14px #110e1f47;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.social-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--social-accent) 65%,transparent),color-mix(in srgb,var(--brand) 55%,transparent));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.85}.social-btn .icon-wrap svg{color:currentColor}.social-btn[data-accent=foam]{--social-accent: var(--accent-foam)}.social-btn[data-accent=rose]{--social-accent: var(--accent-rose)}.social-btn[data-accent=iris]{--social-accent: var(--accent-iris)}.social-btn[data-accent=gold]{--social-accent: var(--accent-gold)}.social-btn:hover{transform:translateY(-1px);color:color-mix(in srgb,var(--social-accent) 75%,var(--text-1) 25%);box-shadow:0 16px 38px #110e1f6b,0 6px 16px #110e1f4d}.social-btn:active{transform:translateY(0)}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.label{line-height:1}
