/* ===== Abloom: Registration – Conferences (UD + elegant cinema magic) ===== */ .abloom-signup{ --night:#0a0f25; --night2:#151c3f; --gold:#f7c948; --paper: rgba(255,255,255,.95); --line: rgba(255,255,255,.18); --shadow: 0 26px 70px rgba(0,0,0,.38); --r: 20px; --focus:#ffd36e; font-family: Arial, sans-serif; max-width: 1120px; margin: 0 auto; color:#fff; } .abloom-signup .stage{ position: relative; overflow: hidden; border-radius: 26px; padding: 52px 18px 24px; background: radial-gradient(1100px 520px at 14% 12%, rgba(125,211,252,.22), transparent 62%), radial-gradient(900px 620px at 30% 110%, rgba(247,201,72,.18), transparent 60%), linear-gradient(140deg, var(--night), var(--night2)); box-shadow: var(--shadow); border: 1px solid rgba(255,255,255,.10); } /* stardust */ .abloom-signup .stage:before{ content:""; position:absolute; inset:0; background-image: radial-gradient(2px 2px at 12% 20%, rgba(255,255,255,.70) 55%, transparent 56%), radial-gradient(1px 1px at 26% 42%, rgba(255,255,255,.55) 55%, transparent 56%), radial-gradient(2px 2px at 44% 14%, rgba(255,255,255,.60) 55%, transparent 56%), radial-gradient(1px 1px at 62% 30%, rgba(255,255,255,.50) 55%, transparent 56%), radial-gradient(2px 2px at 78% 22%, rgba(255,255,255,.60) 55%, transparent 56%); opacity:.7; pointer-events:none; } .abloom-signup .wrap{ max-width: 1040px; margin:0 auto; position:relative; } .abloom-signup .kicker{ display:inline-flex; gap:.55rem; align-items:center; padding:.45rem .9rem; border-radius:999px; background: linear-gradient(90deg, rgba(125,211,252,.28), rgba(183,255,207,.20)); border: 1px solid rgba(255,255,255,.18); font-weight: 900; letter-spacing: .2px; } .abloom-signup h1{ margin: 14px 0 10px; font-size: clamp(2rem, 2.8vw + 1rem, 3.1rem); line-height: 1.08; } .abloom-signup .lead{ margin: 0 0 16px; max-width: 85ch; color: rgba(255,255,255,.90); font-size: 1.06rem; } .abloom-signup .meta{ display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 18px; } .abloom-signup .pill{ display:inline-flex; gap:.5rem; align-items:center; padding:.55rem .8rem; border-radius:999px; border: 1px solid rgba(255,255,255,.16); background: rgba(0,0,0,.22); font-weight: 800; font-size: .95rem; color: rgba(255,255,255,.92); } /* Accordion (+) */ .abloom-signup details{ border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.10); margin: 12px 0 0; overflow: hidden; } .abloom-signup summary{ cursor:pointer; list-style:none; padding: 16px; font-weight: 950; display:flex; align-items:center; justify-content: space-between; gap: 12px; } .abloom-signup summary::-webkit-details-marker{ display:none; } .abloom-signup .plus{ width: 34px; height: 34px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22); background: rgba(0,0,0,.20); display:flex; align-items:center; justify-content:center; font-weight: 950; line-height: 1; } .abloom-signup details[open] .plus{ transform: rotate(45deg); } .abloom-signup summary:focus, .abloom-signup summary:focus-visible{ outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 14px; } /* Inner content (light) */ .abloom-signup .content{ background: var(--paper); color:#111; padding: 18px; border-top: 1px solid rgba(0,0,0,.10); } .abloom-signup .content h2{ margin: 0 0 10px; font-size: 1.35rem; } .abloom-signup .content p{ margin: 0 0 12px; color: rgba(0,0,0,.78); } /* Price grid */ .abloom-signup .prices{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; } @media (max-width: 780px){ .abloom-signup .prices{ grid-template-columns: 1fr; } } .abloom-signup .priceBox{ border-radius: 16px; border: 1px solid rgba(0,0,0,.12); background: rgba(0,0,0,.02); padding: 12px; } .abloom-signup .priceBox strong{ display:block; margin-bottom: 4px; } .abloom-signup .priceBox span{ color: rgba(0,0,0,.76); } /* Buttons */ .abloom-signup .ctaRow{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top: 12px; } .abloom-signup .btn, .abloom-signup .btnAlt{ display:inline-block; padding: 12px 16px; border-radius: 14px; font-weight: 950; text-decoration:none; } .abloom-signup .btn{ background: linear-gradient(90deg, #111, #2a2a2a); color:#fff; } .abloom-signup .btnAlt{ background:#fff; color:#111; border: 1px solid rgba(0,0,0,.16); } .abloom-signup a:focus{ outline: 3px solid var(--focus); outline-offset: 2px; border-radius: 10px; } /* Note */ .abloom-signup .note{ margin-top: 12px; border-radius: 16px; padding: 12px 14px; background: linear-gradient(90deg, rgba(247,201,72,.14), rgba(125,211,252,.10)); border: 1px solid rgba(0,0,0,.10); color: rgba(0,0,0,.78); font-size: .95rem; } .abloom-signup .note strong{ display:block; color:#111; margin-bottom: 6px; }