.qv-privacy, .qv-privacy * { box-sizing: border-box; } .qv-privacy { --green: #173f35; --green-light: #245c4d; --gold: #c8a648; --gold-bg: #fbf7e8; --text: #293d37; --muted: #687871; --border: #dce7e2; --background: #f4f8f6; color: var(--text); background: var(--background); font-family: inherit; line-height: 1.75; } .qv-privacy-wrap { width: min(1140px, calc(100% - 36px)); margin: auto; } .qv-privacy-hero { padding: 85px 20px 110px; color: #fff; text-align: center; background: radial-gradient(circle at 85% 20%, rgba(200,166,72,.22), transparent 32%), linear-gradient(135deg, #12352d, #245c4d); } .qv-privacy-label { display: inline-block; margin-bottom: 18px; padding: 7px 14px; color: #f5dfa0; border: 1px solid rgba(245,223,160,.45); border-radius: 50px; font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; } .qv-privacy-hero h1 { max-width: 820px; margin: 0 auto 18px; color: #fff; font-size: clamp(36px, 5vw, 58px); line-height: 1.12; } .qv-privacy-hero p { max-width: 760px; margin: auto; color: rgba(255,255,255,.85); font-size: 18px; } .qv-privacy-date { display: inline-block; margin-top: 25px; color: rgba(255,255,255,.74); font-size: 14px; } .qv-privacy-summary { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: -55px auto 50px; } .qv-privacy-summary-card { padding: 28px; background: #fff; border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 12px 35px rgba(23,63,53,.09); } .qv-privacy-summary-icon { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin-bottom: 16px; color: var(--green); background: var(--gold-bg); border-radius: 50%; font-weight: 800; } .qv-privacy-summary-card h2 { margin: 0 0 8px; color: var(--green); font-size: 19px; line-height: 1.35; } .qv-privacy-summary-card p { margin: 0; color: var(--muted); font-size: 14px; } .qv-privacy-layout { display: grid; grid-template-columns: 265px minmax(0, 1fr); gap: 35px; align-items: start; padding-bottom: 80px; } .qv-privacy-toc { position: sticky; top: 25px; padding: 24px; background: #fff; border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 8px 25px rgba(23,63,53,.06); } .qv-privacy-toc h2 { margin: 0 0 15px; color: var(--green); font-size: 18px; } .qv-privacy-toc a { display: block; padding: 8px 0; color: var(--muted); border-bottom: 1px solid #edf2ef; font-size: 14px; text-decoration: none; transition: color .2s ease, padding-left .2s ease; } .qv-privacy-toc a:hover, .qv-privacy-toc a:focus { padding-left: 5px; color: var(--green); } .qv-privacy-section { scroll-margin-top: 30px; margin-bottom: 24px; padding: 34px; background: #fff; border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 8px 28px rgba(23,63,53,.05); } .qv-privacy-section h2 { margin: 0 0 18px; color: var(--green); font-size: 27px; line-height: 1.3; } .qv-privacy-section h3 { margin: 24px 0 10px; color: var(--green-light); font-size: 19px; } .qv-privacy-section p { margin: 0 0 15px; } .qv-privacy-section ul { margin: 14px 0 0; padding-left: 22px; } .qv-privacy-section li { margin-bottom: 9px; } .qv-privacy-notice { margin: 22px 0; padding: 20px 22px; background: var(--gold-bg); border-left: 4px solid var(--gold); border-radius: 10px; } .qv-privacy-notice strong { color: var(--green); } .qv-privacy-table { width: 100%; margin-top: 18px; overflow: hidden; border-collapse: collapse; border: 1px solid var(--border); border-radius: 12px; } .qv-privacy-table th, .qv-privacy-table td { padding: 14px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; } .qv-privacy-table th { color: var(--green); background: #edf5f1; } .qv-privacy-contact { padding: 35px; color: #fff; text-align: center; background: linear-gradient(135deg, var(--green), var(--green-light)); border-radius: 18px; } .qv-privacy-contact h2 { margin: 0 0 12px; color: #fff; } .qv-privacy-contact p { color: rgba(255,255,255,.86); } .qv-privacy-contact a { color: #f5dfa0; font-weight: 700; } .qv-privacy-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 20px; } .qv-privacy-links a { padding: 10px 17px; color: #fff; border: 1px solid rgba(255,255,255,.35); border-radius: 50px; text-decoration: none; } @media (max-width: 850px) { .qv-privacy-summary, .qv-privacy-layout { grid-template-columns: 1fr; } .qv-privacy-toc { position: static; } } @media (max-width: 600px) { .qv-privacy-hero { padding: 65px 18px 95px; } .qv-privacy-wrap { width: min(100% - 24px, 1140px); } .qv-privacy-section { padding: 25px 20px; } .qv-privacy-section h2 { font-size: 23px; } .qv-privacy-table { display: block; overflow-x: auto; } }