#liberty-level3-event, #liberty-level3-event * { box-sizing: border-box; } #liberty-level3-event { --l3-red: #e30613; --l3-red-dark: #a90009; --l3-black: #07080a; --l3-panel: #111318; --l3-panel-soft: #181b21; --l3-line: rgba(255, 255, 255, 0.11); --l3-white: #ffffff; --l3-muted: #b8bec8; --l3-shadow: 0 24px 70px rgba(0, 0, 0, 0.34); width: 100%; max-width: 1280px; margin: 32px auto; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 28px; background: radial-gradient(circle at 12% 8%, rgba(227, 6, 19, 0.22), transparent 28%), radial-gradient(circle at 88% 16%, rgba(227, 6, 19, 0.12), transparent 24%), linear-gradient(145deg, #090a0d 0%, #111318 52%, #08090b 100%); color: var(--l3-white); box-shadow: var(--l3-shadow); font-family: Arial, Helvetica, sans-serif; line-height: 1.65; } #liberty-level3-event a { text-decoration: none; } #liberty-level3-event .l3-hero { position: relative; padding: 72px 56px 56px; overflow: hidden; border-bottom: 1px solid var(--l3-line); } #liberty-level3-event .l3-hero::before { content: "LIBERTY"; position: absolute; right: -18px; top: 2px; color: rgba(255, 255, 255, 0.025); font-size: clamp(72px, 13vw, 190px); font-weight: 900; letter-spacing: -8px; line-height: 1; pointer-events: none; } #liberty-level3-event .l3-topline { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 8px 13px; border: 1px solid rgba(227, 6, 19, 0.55); border-radius: 999px; background: rgba(227, 6, 19, 0.1); color: #ff6c75; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; } #liberty-level3-event .l3-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--l3-red); box-shadow: 0 0 0 6px rgba(227, 6, 19, 0.14); } #liberty-level3-event .l3-hero h1 { position: relative; z-index: 1; max-width: 980px; margin: 0 0 20px; color: var(--l3-white); font-size: clamp(38px, 6vw, 76px); font-weight: 900; letter-spacing: -2.4px; line-height: 1.02; text-transform: uppercase; } #liberty-level3-event .l3-hero h1 span { color: var(--l3-red); } #liberty-level3-event .l3-lead { position: relative; z-index: 1; max-width: 860px; margin: 0 0 30px; color: #dce0e6; font-size: clamp(17px, 2vw, 22px); } #liberty-level3-event .l3-actions { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; } #liberty-level3-event .l3-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 14px 24px; border-radius: 12px; font-size: 14px; font-weight: 900; letter-spacing: 0.55px; text-align: center; text-transform: uppercase; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; } #liberty-level3-event .l3-btn:hover { transform: translateY(-2px); } #liberty-level3-event .l3-btn-primary { background: linear-gradient(135deg, var(--l3-red), #ff2633); color: #fff; box-shadow: 0 12px 28px rgba(227, 6, 19, 0.28); } #liberty-level3-event .l3-btn-primary:hover { box-shadow: 0 16px 34px rgba(227, 6, 19, 0.4); } #liberty-level3-event .l3-btn-secondary { border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.06); color: #fff; } #liberty-level3-event .l3-btn-secondary:hover { background: rgba(255, 255, 255, 0.11); } #liberty-level3-event .l3-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 0 56px; transform: translateY(-1px); } #liberty-level3-event .l3-info-card { min-height: 142px; padding: 24px; border: 1px solid var(--l3-line); border-top: 4px solid var(--l3-red); background: rgba(17, 19, 24, 0.92); } #liberty-level3-event .l3-info-card:first-child { border-bottom-left-radius: 18px; } #liberty-level3-event .l3-info-card:last-child { border-bottom-right-radius: 18px; } #liberty-level3-event .l3-info-label { display: block; margin-bottom: 8px; color: #ff6770; font-size: 11px; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; } #liberty-level3-event .l3-info-card strong { display: block; color: #fff; font-size: 18px; line-height: 1.35; } #liberty-level3-event .l3-info-card p { margin: 8px 0 0; color: var(--l3-muted); font-size: 14px; line-height: 1.5; } #liberty-level3-event .l3-language-nav { display: flex; justify-content: center; gap: 12px; padding: 34px 24px 8px; } #liberty-level3-event .l3-language-nav a { padding: 10px 18px; border: 1px solid var(--l3-line); border-radius: 999px; background: rgba(255, 255, 255, 0.05); color: #fff; font-size: 13px; font-weight: 800; } #liberty-level3-event .l3-language-nav a:hover { border-color: var(--l3-red); background: rgba(227, 6, 19, 0.12); } #liberty-level3-event .l3-content { padding: 38px 56px 58px; } #liberty-level3-event .l3-language-section { scroll-margin-top: 30px; padding: 38px; border: 1px solid var(--l3-line); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)); } #liberty-level3-event .l3-language-section + .l3-language-section { margin-top: 34px; } #liberty-level3-event .l3-section-kicker { display: inline-block; margin-bottom: 10px; color: #ff616b; font-size: 12px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; } #liberty-level3-event .l3-language-section h2 { margin: 0 0 16px; color: #fff; font-size: clamp(30px, 4vw, 48px); font-weight: 900; letter-spacing: -1.2px; line-height: 1.08; } #liberty-level3-event .l3-language-section h3 { margin: 34px 0 16px; color: #fff; font-size: 22px; font-weight: 900; line-height: 1.25; } #liberty-level3-event .l3-language-section > p { margin: 0 0 18px; color: #d6dae1; font-size: 17px; } #liberty-level3-event .l3-highlight { margin: 26px 0; padding: 22px 24px; border-left: 5px solid var(--l3-red); border-radius: 0 14px 14px 0; background: rgba(227, 6, 19, 0.1); color: #fff; font-weight: 700; } #liberty-level3-event .l3-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; } #liberty-level3-event .l3-card { position: relative; min-height: 94px; padding: 19px 18px 19px 52px; border: 1px solid var(--l3-line); border-radius: 14px; background: rgba(255, 255, 255, 0.035); color: #e1e4e9; font-size: 15px; } #liberty-level3-event .l3-card::before { content: "✓"; position: absolute; left: 18px; top: 18px; display: flex; align-items: center; justify-content: center; width: 23px; height: 23px; border-radius: 50%; background: var(--l3-red); color: #fff; font-size: 13px; font-weight: 900; } #liberty-level3-event .l3-instructors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } #liberty-level3-event .l3-person { padding: 16px 17px; border: 1px solid var(--l3-line); border-radius: 12px; background: #0e1014; } #liberty-level3-event .l3-person strong { display: block; color: #fff; font-size: 15px; } #liberty-level3-event .l3-person span { display: block; margin-top: 3px; color: #ff6972; font-size: 12px; font-weight: 700; } #liberty-level3-event .l3-register-box { margin-top: 32px; padding: 28px; border: 1px solid rgba(227, 6, 19, 0.42); border-radius: 18px; background: linear-gradient(135deg, rgba(227, 6, 19, 0.17), rgba(227, 6, 19, 0.04)), #101217; text-align: center; } #liberty-level3-event .l3-register-box h3 { margin: 0 0 8px; font-size: 25px; } #liberty-level3-event .l3-register-box p { margin: 0 auto 20px; max-width: 720px; color: #d2d6dd; } #liberty-level3-event .l3-register-box .l3-actions { justify-content: center; margin-top: 18px; } #liberty-level3-event .l3-footer { padding: 34px 56px 40px; border-top: 1px solid var(--l3-line); background: #050607; text-align: center; } #liberty-level3-event .l3-footer strong { display: block; margin-bottom: 8px; color: #fff; font-size: clamp(22px, 3vw, 34px); font-weight: 900; letter-spacing: -0.7px; text-transform: uppercase; } #liberty-level3-event .l3-footer span { color: var(--l3-muted); font-size: 15px; } @media (max-width: 920px) { #liberty-level3-event .l3-hero, #liberty-level3-event .l3-content, #liberty-level3-event .l3-footer { padding-left: 30px; padding-right: 30px; } #liberty-level3-event .l3-info-grid { grid-template-columns: 1fr; padding: 0 30px; } #liberty-level3-event .l3-info-card:first-child, #liberty-level3-event .l3-info-card:last-child { border-radius: 0; } #liberty-level3-event .l3-info-card:last-child { border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; } #liberty-level3-event .l3-instructors { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { #liberty-level3-event { margin: 18px auto; border-radius: 18px; } #liberty-level3-event .l3-hero { padding-top: 48px; } #liberty-level3-event .l3-hero h1 { letter-spacing: -1.3px; } #liberty-level3-event .l3-actions, #liberty-level3-event .l3-language-nav { flex-direction: column; } #liberty-level3-event .l3-btn, #liberty-level3-event .l3-language-nav a { width: 100%; } #liberty-level3-event .l3-language-section { padding: 26px 20px; }