/* antifishing-kripto.com — реестр поддельных криптосайтов. Своя палитра (графит, бумага, сигнальный красный/зелёный), системные шрифты, префикс классов af-. Переменные — в pervyj-ekran.css (инлайн в ). */ a { color: #0b5cad; text-underline-offset: 2px; } a:hover { color: #083f78; } code, .af-domen, .af-nast { font-family: var(--af-mono); font-size: .94em; } code { overflow-wrap: anywhere; } .af-propusk { position: absolute; left: -9999px; } .af-propusk:focus { left: 12px; top: 12px; z-index: 10; background: var(--af-signal); color: #000; padding: 8px 12px; } :focus-visible { outline: 3px solid var(--af-signal); outline-offset: 2px; } /* меню */ .af-menyu { position: relative; } .af-menyu summary { white-space: nowrap; list-style: none; cursor: pointer; padding: 9px 14px; border: 1px solid #3a3e47; border-radius: 6px; font-size: 15px; } .af-menyu summary::-webkit-details-marker { display: none; } .af-menyu summary::after { content: " ▾"; color: #a9acb4; } .af-menyu[open] summary::after { content: " ▴"; } .af-menyu nav { position: absolute; right: 0; top: calc(100% + 8px); z-index: 5; min-width: 260px; background: var(--af-grafit-2); border: 1px solid #3a3e47; border-radius: 8px; padding: 6px; box-shadow: 0 12px 30px rgba(0,0,0,.35); } .af-menyu nav a { display: block; padding: 10px 12px; color: #eceae4; text-decoration: none; border-radius: 5px; font-size: 15.5px; } .af-menyu nav a:hover, .af-menyu nav a[aria-current] { background: #30343c; } .af-menyu nav a[aria-current] { box-shadow: inset 3px 0 0 var(--af-signal); } .af-put { display: none; } @media (min-width: 1080px) { .af-shapka__ryad { gap: 10px; } .af-put { display: flex; gap: 2px; margin-left: auto; } .af-put a { white-space: nowrap; font-size: 14.5px; padding: 8px 10px; color: #c9cbd1; text-decoration: none; border-radius: 5px; } .af-put a:hover { color: #fff; background: #2a2d34; } .af-put a[aria-current] { color: #fff; box-shadow: inset 0 -2px 0 var(--af-signal); border-radius: 0; } } /* проверка адреса */ .af-proverka { max-width: 760px; background: var(--af-grafit-2); border: 1px solid #3a3e47; border-radius: 10px; padding: 16px; } .af-proverka label { display: block; font-size: 15px; color: #c9cbd1; margin-bottom: 8px; } .af-proverka__ryad { display: flex; gap: 8px; } .af-proverka input { flex: 1; min-width: 0; font: 500 17px/1.3 var(--af-mono); padding: 12px 14px; border-radius: 6px; border: 1px solid #50545e; background: #0f1115; color: #fff; } .af-proverka button, .af-knopka { font: 600 16px/1 var(--af-sistemnyj); padding: 13px 18px; border-radius: 6px; border: 0; background: var(--af-signal); color: #16181d; cursor: pointer; text-decoration: none; display: inline-block; } .af-proverka button:hover, .af-knopka:hover { background: #ffdf78; color: #16181d; } .af-proverka__otvet { margin: 10px 0 0; min-height: 1.5em; font-size: 16px; } .af-proverka__otvet:empty { margin: 0; min-height: 0; } .af-otvet--ploho { color: #ff9d97; } .af-otvet--horosho { color: #8fe0b0; } .af-otvet--neyasno { color: #f3e1a0; } /* счётчики */ .af-schet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 24px 0 0; max-width: 760px; background: #3a3e47; border: 1px solid #3a3e47; border-radius: 10px; overflow: hidden; } .af-schet__yach { background: var(--af-grafit); padding: 12px 14px; } .af-schet dt { font-size: 13px; color: #a9acb4; } .af-schet dd { margin: 2px 0 0; font: 700 26px/1.2 var(--af-mono); } .af-schet__yach--zhivye dd { color: #ff8a82; } @media (max-width: 620px) { .af-schet { grid-template-columns: repeat(2, minmax(0, 1fr)); } .af-schet dd { font-size: 22px; } } /* разделы */ .af-glavnoe { padding-bottom: 48px; } .af-razdel { font-size: 24px; line-height: 1.25; margin: 40px 0 10px; font-weight: 720; } .af-razdel--mel { font-size: 20px; } .af-poyasn { color: var(--af-tush); max-width: 820px; margin: 0 0 18px; font-size: 16px; } /* таблица реестра */ .af-tablica { width: 100%; border-collapse: collapse; background: var(--af-list); border: 1px solid var(--af-liniya); border-radius: 10px; overflow: hidden; font-size: 15.5px; } .af-tablica th, .af-tablica td { text-align: left; padding: 12px 14px; border-bottom: 1px solid #ebe9e3; vertical-align: top; } .af-tablica thead th { background: #eceae4; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--af-tush); font-weight: 650; } .af-tablica tbody th { font-weight: 600; } .af-stroka--zakryt { color: var(--af-tush); } .af-stroka--zakryt .af-domen { text-decoration: line-through; text-decoration-thickness: 1px; } .af-domen { color: var(--af-krasnyj); font-weight: 600; overflow-wrap: anywhere; } @media (min-width: 761px) { .af-tablica tbody th .af-domen { white-space: nowrap; } } .af-nast { color: var(--af-zelenyj); font-weight: 600; } .af-metka { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 13.5px; font-weight: 650; white-space: nowrap; } .af-metka--opasno { background: var(--af-krasnyj-fon); color: var(--af-krasnyj); } .af-metka--zakryt { background: var(--af-zelenyj-fon); color: var(--af-zelenyj); } @media (max-width: 760px) { .af-tablica, .af-tablica tbody, .af-tablica tr, .af-tablica th, .af-tablica td { display: block; } .af-tablica { border: 0; background: none; } .af-tablica thead { display: none; } .af-tablica tr { background: var(--af-list); border: 1px solid var(--af-liniya); border-radius: 10px; margin-bottom: 12px; padding: 6px 0; } .af-tablica th, .af-tablica td { border: 0; padding: 5px 14px; } .af-tablica tbody th { font-size: 17px; padding-top: 10px; } .af-tablica td[data-k]::before { content: attr(data-k) ": "; color: var(--af-tush); font-size: 13.5px; } } /* плитки «что делать» */ .af-dva { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 28px; } @media (max-width: 760px) { .af-dva { grid-template-columns: 1fr; } } .af-plitka { display: block; padding: 18px 20px; border-radius: 10px; background: var(--af-list); border: 1px solid var(--af-liniya); text-decoration: none; color: inherit; } .af-plitka b { display: block; font-size: 18px; margin-bottom: 4px; } .af-plitka span { color: var(--af-tush); } a.af-plitka:hover { border-color: #b9b6ac; } .af-plitka--trevoga { background: var(--af-krasnyj-fon); border-color: #efc4bf; } .af-plitka--trevoga b { color: var(--af-krasnyj); } .af-neofic__spisok, .af-nastoyashchie__spisok { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; } .af-nastoyashchie__spisok { flex-direction: column; gap: 8px; } .af-nastoyashchie__spisok span { color: var(--af-tush); } .af-nastoyashchie__spisok span::before { content: "— "; } /* карточка подделки */ .af-nazad { margin: 20px 0 0; font-size: 15px; } .af-kartochka__verh { margin: 14px 0 20px; } .af-kartochka__zag { margin: 10px 0 12px; font-size: clamp(26px, 4.4vw, 38px); line-height: 1.15; } .af-domen--krupno { font-size: 1em; } .af-kartochka__pod { display: block; font-size: .55em; font-weight: 500; color: var(--af-tush); margin-top: 4px; } .af-kartochka__lid { max-width: 820px; font-size: 18px; margin: 0; } .af-kartochka__setka { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; } @media (max-width: 900px) { .af-kartochka__setka { grid-template-columns: 1fr; } } .af-fakty { margin: 0; background: var(--af-list); border: 1px solid var(--af-liniya); border-radius: 10px; } .af-fakty > div { display: grid; grid-template-columns: 190px 1fr; gap: 10px; padding: 11px 16px; border-bottom: 1px solid #ebe9e3; } .af-fakty > div:last-child { border-bottom: 0; } .af-fakty dt { color: var(--af-tush); font-size: 15px; } .af-fakty dd { margin: 0; } @media (max-width: 520px) { .af-fakty > div { grid-template-columns: 1fr; gap: 2px; } } .af-skrin { margin: 0; } .af-skrin img { display: block; width: 100%; height: auto; border-radius: 8px; background: #ddd; } .af-skrin figcaption { font-size: 14px; color: var(--af-tush); margin-top: 8px; } .af-blok { max-width: 820px; } .af-hronika { padding-left: 0; list-style: none; border-left: 2px solid var(--af-liniya); margin: 12px 0 16px; } .af-hronika li { padding: 4px 0 4px 16px; position: relative; } .af-hronika li::before { content: ""; position: absolute; left: -6px; top: 13px; width: 10px; height: 10px; border-radius: 50%; background: var(--af-tush); } .af-kartochka > .af-plitka { margin-top: 28px; max-width: 820px; } /* текстовые страницы */ .af-tekst { max-width: 860px; } .af-tekst__zag { font-size: clamp(28px, 4.6vw, 40px); line-height: 1.15; margin: 14px 0 12px; letter-spacing: -.01em; } .af-tekst__lid { font-size: 19px; color: #33363d; margin: 0 0 8px; } .af-tekst__data { font-size: 14px; color: var(--af-tush); margin: 0 0 20px; } .af-tekst__telo h2, .af-tekst h2 { font-size: 23px; margin: 36px 0 10px; line-height: 1.25; } .af-tekst__telo table { width: 100%; border-collapse: collapse; background: var(--af-list); font-size: 15.5px; margin: 12px 0; display: block; overflow-x: auto; } .af-tekst__telo th, .af-tekst__telo td { border: 1px solid var(--af-liniya); padding: 9px 12px; text-align: left; vertical-align: top; } .af-tekst__telo th { background: #eceae4; } .af-tekst__telo li { margin: 5px 0; } /* настоящие адреса */ .af-adresa { display: grid; gap: 14px; } .af-adres { background: var(--af-list); border: 1px solid var(--af-liniya); border-left: 5px solid var(--af-zelenyj); border-radius: 8px; padding: 6px 20px 16px; } .af-adres__zag { margin: 12px 0 4px !important; font-size: 24px !important; } .af-adres__pod { color: var(--af-tush); font-size: 15px; } /* форма */ .af-forma { background: var(--af-list); border: 1px solid var(--af-liniya); border-radius: 10px; padding: 8px 20px 12px; max-width: 620px; } .af-forma__pole label { display: block; font-weight: 600; margin-bottom: 6px; } .af-forma__pole input, .af-forma__pole select { width: 100%; font: 400 17px/1.3 var(--af-sistemnyj); padding: 11px 12px; border: 1px solid #b9b6ac; border-radius: 6px; background: #fff; color: inherit; } .af-forma__pole input[name="adres"] { font-family: var(--af-mono); } .af-forma__lovushka { position: absolute; left: -9999px; } .af-podskazka { font-size: 14.5px; color: var(--af-tush); } /* подвал */ .af-podval { background: var(--af-grafit); color: #c9cbd1; padding: 30px 0 36px; font-size: 15px; } .af-podval a { color: #eceae4; } .af-podval__setka { display: grid; grid-template-columns: 1fr 1.3fr; gap: 28px; } @media (max-width: 760px) { .af-podval__setka { grid-template-columns: 1fr; } } .af-podval__zag { font-size: 15px; text-transform: uppercase; letter-spacing: .05em; color: #eceae4; margin: 0 0 10px; } .af-podval__adresa { list-style: none; padding: 0; margin: 0 0 10px; } .af-podval__adresa li { margin: 4px 0; } .af-podval__adresa a { font-family: var(--af-mono); color: #8fe0b0; } .af-podval__mel { color: #a9acb4; font-size: 14px; margin: 8px 0; } @media (max-width: 480px) { .af-znak small { display: none; } .af-znak b { font-size: 15.5px; } .af-znak { min-width: 0; } .af-menyu summary { padding: 8px 11px; } .af-proverka__ryad { flex-direction: column; } .af-proverka button { width: 100%; } } /* свежесть и плашка «сторож молчит» */ .af-svezh { display: block; font-size: 12.5px; color: var(--af-tush); margin-top: 3px; white-space: nowrap; } .af-staro { margin: 0; background: #fff4c7; border-bottom: 1px solid #e8d78a; padding: 10px 0; font-size: 15px; } .af-staro .af-polosa { display: block; } .af-verh__nedelya { margin: 12px 0 0; font-size: 15px; color: #c9cbd1; } .af-verh__nedelya a { color: #ffe08a; } .af-proverka__svezh { margin: 10px 0 0; font-size: 13px; color: #a9acb4; } .af-proverka__ssylka { color: inherit; font-weight: 650; } .af-podrobno { margin-top: 10px; padding: 10px 12px; border-radius: 6px; background: #0f1115; color: #d8dade; font-size: 15px; } .af-podrobno ul { margin: 6px 0 0; padding-left: 20px; } .af-podrobno li { margin: 4px 0; } .af-podrobno__zag { margin: 0; font-weight: 600; } .af-podrobno__mel { margin: 8px 0 0; color: #a9acb4; font-size: 14px; } .af-dva--chetyre { grid-template-columns: 1fr 1fr; } /* шаблоны жалоб */ .af-shablon { background: var(--af-list); border: 1px solid var(--af-liniya); border-radius: 10px; padding: 4px 16px 16px; margin: 14px 0; scroll-margin-top: 16px; } .af-shablon h3 { font-size: 18px; margin: 12px 0 8px; } .af-shablon pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 14px/1.5 var(--af-mono); background: #f7f6f2; border: 1px solid #ebe9e3; border-radius: 6px; padding: 12px; margin: 0 0 10px; max-height: 360px; overflow-y: auto; } .af-knopka--kopi { font-size: 15px; padding: 11px 16px; } /* «проверить ссылку»: типы ответов, шаги */ .af-nazad--temno { margin: 0 0 12px; } .af-nazad--temno a { color: #ffe08a; } .af-otvety { margin: 12px 0; display: grid; gap: 10px; } .af-otvety__r { background: var(--af-list); border: 1px solid var(--af-liniya); border-left: 5px solid #b9b6ac; border-radius: 8px; padding: 10px 16px; } .af-otvety__r--ploho { border-left-color: var(--af-krasnyj); } .af-otvety__r--horosho { border-left-color: var(--af-zelenyj); } .af-otvety dt { font-weight: 700; } .af-otvety dd { margin: 2px 0 0; } .af-shagi li { margin: 10px 0; } .af-tekst__telo h3 { font-size: 18px; margin: 22px 0 6px; } .af-plitka--vnizu { margin-top: 32px; } /* лента */ .af-lenta { max-width: 860px; } .af-schet--svetlo { background: var(--af-liniya); border-color: var(--af-liniya); margin-top: 18px; } .af-schet--svetlo .af-schet__yach { background: var(--af-list); } .af-schet--svetlo dt { color: var(--af-tush); } .af-schet--svetlo .af-schet__yach--zhivye dd { color: var(--af-krasnyj); } .af-lenta__podpis { font-size: 15px; color: var(--af-tush); margin: 12px 0 8px; } .af-rss { display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; color: #954a00; font-weight: 600; white-space: nowrap; } .af-den__data { font-size: 18px; margin: 28px 0 8px; color: var(--af-tush); font-weight: 650; } .af-sobytiya { list-style: none; margin: 0; padding: 0; background: var(--af-list); border: 1px solid var(--af-liniya); border-radius: 10px; } .af-sobytie { padding: 11px 16px; border-bottom: 1px solid #ebe9e3; overflow-wrap: anywhere; } .af-sobytie:last-child { border-bottom: 0; } .af-sobytie__tip { display: inline-block; min-width: 76px; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 2px 8px; border-radius: 999px; margin-right: 4px; text-align: center; } .af-sobytie--found .af-sobytie__tip { background: var(--af-krasnyj-fon); color: var(--af-krasnyj); } .af-sobytie--complaint .af-sobytie__tip { background: #eceae4; color: #3d4048; } .af-sobytie--closed .af-sobytie__tip { background: var(--af-zelenyj-fon); color: var(--af-zelenyj); } /* чек-лист «ввели данные» */ .af-chek { margin: 8px 0 20px; } .af-chek__tipy { border: 1px solid var(--af-liniya); background: var(--af-list); border-radius: 10px; padding: 12px 16px 14px; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; } .af-chek__tipy legend { font-weight: 700; padding: 0 6px; font-size: 17px; } .af-chek__tipy label { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #cfccc3; border-radius: 999px; padding: 8px 14px; cursor: pointer; font-size: 15.5px; background: #faf9f6; } .af-chek__tipy label:has(input:checked) { background: var(--af-grafit); color: #fff; border-color: var(--af-grafit); } .af-chek__tipy input { width: 18px; height: 18px; margin: 0; accent-color: var(--af-signal); } .af-chek__stroka { display: flex; align-items: center; gap: 14px; min-height: 34px; margin: 12px 0 4px; font-weight: 600; } .af-chek__sbros { font: 500 14px/1 var(--af-sistemnyj); background: none; border: 1px solid #b9b6ac; border-radius: 6px; padding: 8px 12px; cursor: pointer; color: var(--af-chernila); } .af-chek__shagi { list-style: none; counter-reset: shag; padding: 0; margin: 0; } .af-chek__shagi li { counter-increment: shag; background: var(--af-list); border: 1px solid var(--af-liniya); border-radius: 10px; padding: 12px 16px 4px 16px; margin: 10px 0; } .af-chek__shagi label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; font-size: 18px; } .af-chek__shagi label::before { content: counter(shag); flex: none; font: 700 14px/26px var(--af-mono); width: 26px; text-align: center; border-radius: 50%; background: #eceae4; color: var(--af-tush); margin-top: 1px; } .af-chek__shagi input { flex: none; width: 24px; height: 24px; margin: 2px 0 0; accent-color: var(--af-zelenyj); order: 2; margin-left: auto; } .af-chek__shagi b { order: 1; } .af-chek__shagi p { margin: 6px 0 8px 38px; color: #33363d; font-size: 16px; } .af-chek__shagi li:has(input:checked) { background: #f1f7f3; border-color: #bcdcc7; } .af-chek__shagi li:has(input:checked) b { text-decoration: line-through; text-decoration-color: #7fb394; } @media (max-width: 480px) { .af-chek__shagi p { margin-left: 0; } .af-chek__tipy label { width: 100%; } } /* тест */ .af-test { margin: 8px 0 28px; } .af-test__hod { font-weight: 650; color: var(--af-tush); margin: 0 0 8px; } .af-vopros { background: var(--af-list); border: 1px solid var(--af-liniya); border-radius: 12px; padding: 4px 16px 16px; margin: 0 0 18px; scroll-margin-top: 12px; } .af-vopros__zag { font-size: 19px !important; margin: 14px 0 10px !important; } .af-brauzer { border: 1px solid #cfccc3; border-radius: 10px; overflow: hidden; background: #e9e7e1; } .af-brauzer__stroka { display: flex; align-items: center; gap: 7px; margin: 8px; padding: 7px 12px; background: #fff; border-radius: 999px; font: 500 16px/1.2 var(--af-mono); color: #1b1d22; overflow-wrap: anywhere; } .af-brauzer__stroka svg { flex: none; color: #5a5f6a; } .af-brauzer img { display: block; width: 100%; height: auto; } .af-vopros__knopki { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 0; } .af-vopros__knopki button { font: 650 17px/1 var(--af-sistemnyj); padding: 15px 10px; border-radius: 8px; border: 2px solid var(--af-grafit); background: #fff; color: var(--af-grafit); cursor: pointer; } .af-vopros__knopki button:hover { background: #f1efe9; } .af-vopros--otvechen .af-vopros__knopki button { cursor: default; opacity: .55; } .af-vopros--otvechen .af-vopros__knopki button.af-vybran { opacity: 1; } .af-vopros--verno .af-vybran { background: var(--af-zelenyj-fon); border-color: var(--af-zelenyj); color: var(--af-zelenyj); } .af-vopros--neverno .af-vybran { background: var(--af-krasnyj-fon); border-color: var(--af-krasnyj); color: var(--af-krasnyj); } .af-vopros__verdikt { font-weight: 750; font-size: 18px; margin: 12px 0 4px; } .af-vopros__verdikt:empty { display: none; } .af-vopros--verno .af-vopros__verdikt { color: var(--af-zelenyj); } .af-vopros--neverno .af-vopros__verdikt { color: var(--af-krasnyj); } .af-razbor { margin: 12px 0 0; } .af-razbor summary { cursor: pointer; color: #0b5cad; font-weight: 600; } .af-razbor p { margin: 8px 0 0; } .af-test--js .af-vopros:not(.af-vopros--otvechen) .af-razbor { display: none; } .af-test--js .af-razbor summary { display: none; } .af-vopros__dalshe { margin-top: 14px; width: 100%; } .af-test__itog { background: var(--af-grafit); color: #eceae4; border-radius: 12px; padding: 18px 20px; } .af-test__itog a { color: #ffe08a; } .af-test__itog h2 { color: #fff; margin-top: 4px !important; } .af-test__ball { font: 800 56px/1 var(--af-mono); margin: 4px 0 0; color: var(--af-signal); } .af-test__deystviya { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; } .af-testrez__nad { color: var(--af-tush); margin: 18px 0 0; font-weight: 600; } .af-testrez__ball { font-size: clamp(56px, 12vw, 96px) !important; margin: 4px 0 !important; font-family: var(--af-mono); } .af-testrez__zag { font-size: 24px; margin: 0 0 8px; } /* схемы */ .af-shemy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 8px 0 12px; } @media (max-width: 900px) { .af-shemy { grid-template-columns: 1fr; } } .af-shema { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border-radius: 10px; background: var(--af-list); border: 1px solid var(--af-liniya); text-decoration: none; color: inherit; } .af-shema:hover { border-color: #b9b6ac; } .af-shema b { font-size: 18px; color: #0b5cad; } .af-shema span:last-child { color: var(--af-tush); font-size: 15.5px; } .af-shema__metka { align-self: flex-start; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--af-tush); background: #eceae4; border-radius: 999px; padding: 2px 9px; } .af-primery { background: var(--af-list); border: 1px solid var(--af-liniya); border-left: 5px solid var(--af-krasnyj); border-radius: 8px; padding: 6px 16px 10px; margin: 14px 0; } .af-primery__zag { font-weight: 700; margin: 8px 0; } .af-primer { display: grid; gap: 4px; padding: 10px 0; border-top: 1px solid #ebe9e3; text-decoration: none; color: inherit; } .af-primer .af-domen { font-size: 18px; } .af-primer__status .af-svezh { display: inline; margin-left: 6px; } .af-primery__mel { font-size: 14.5px; color: var(--af-tush); margin: 8px 0 4px; }