@import './src/skin.css?v=eb260959587c15781d6c';

.site-header { max-width: 1460px; margin: auto; padding: 25px 40px; display: flex; gap: 24px; align-items: center; justify-content: space-between; border-bottom: 1px solid color-mix(in srgb, var(--ink) 16%, transparent); }
.brand { display: inline-flex; gap: 12px; align-items: center; font-size: 22px; font-weight: 850; letter-spacing: -.8px; line-height: 1; text-decoration: none; color: var(--blue); }
.brand svg { width: 43px; height: 43px; flex: none; }
.brand small { display: block; font-size: 14px; margin-top: 5px; letter-spacing: .3px; color: var(--ink); }
.header-note { font-size: 13px; color: var(--muted); }
.help-link { color: var(--ink); font-size: 14px; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.site-main { max-width: 1460px; margin: auto; padding: 0 40px; }
.hero { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding: 33px 0 27px; }
.eyebrow { font-size: 10px; font-weight: 800; letter-spacing: 2.3px; margin: 0 0 13px; }
.hero h1 { font-size: clamp(34px,4vw,58px); line-height: 1; letter-spacing: -2.7px; margin: 0; font-weight: 850; }
.hero h1 em { font-family: Georgia,serif; font-weight: 500; color: var(--blue); letter-spacing: -2.5px; }
.hero-description { font-size: 16px; margin: 16px 0 0; color: var(--muted); }
.privacy-promise { display: flex; align-items: center; gap: 12px; font-size: 12px; line-height: 1.7; margin: 0 0 9px; color: var(--muted); }
.privacy-promise svg { width: 26px; height: 26px; fill: none; stroke: var(--blue); stroke-width: 1.7; }
.tool-container { position: relative; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent); border-radius: 23px; background: var(--surface); box-shadow: 0 14px 0 -8px var(--blue); }
.anchor-target { position: absolute; top: -15px; }
#processing-frame { display: block; border: 0; width: 100%; min-height: 550px; }
#tool-message,#tool-recovery { margin: 0; padding: 14px 22px; font-size: 14px; }
.guide { padding: 58px 0 35px; }
.guide h2,.useful-notes h2 { font-size: 29px; letter-spacing: -1px; margin: 0 0 24px; }
.guide ol { display: grid; grid-template-columns: repeat(3,1fr); gap: 38px; list-style: none; padding: 0; margin: 0; }
.guide li { border-top: 1px solid color-mix(in srgb, var(--ink) 22%, transparent); padding-top: 18px; }
.step-number { font-size: 13px; font-weight: 800; color: var(--blue); }
.guide h3 { margin: 10px 0 8px; font-size: 19px; letter-spacing: -.5px; }
.guide p,.useful-notes p { font-size: 14px; line-height: 1.7; color: var(--muted); }
.useful-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 30px 0 40px; border-top: 1px solid color-mix(in srgb, var(--ink) 22%, transparent); }
.useful-notes h2 { font-size: 26px; margin-bottom: 15px; }
.useful-notes h3 { font-size: 18px; margin: 0 0 7px; }
.useful-notes h3:not(:first-child) { margin-top: 23px; }
.advertisement { padding: 28px 0 0; text-align: center; }
.advertisement>p { font-size: 10px; letter-spacing: 1.3px; text-transform: uppercase; color: var(--muted); }
.adsbygoogle { display: block; min-height: 90px; }
.site-footer { max-width: 1460px; margin: auto; padding: 24px 40px; border-top: 1px solid color-mix(in srgb, var(--ink) 16%, transparent); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: 12px; color: var(--muted); }
.site-footer nav { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.site-footer a,.site-footer button { color: inherit; text-underline-offset: 3px; }
.site-footer button { font: inherit; padding: 0; border: 0; background: none; text-decoration: underline; cursor: pointer; }
.privacy-page { max-width: 780px; margin: auto; padding: 45px 30px 60px; line-height: 1.7; }
.privacy-page h1 { font-size: clamp(32px,6vw,48px); letter-spacing: -2px; line-height: 1.1; }
.privacy-page h2 { font-size: 23px; margin-top: 36px; }
.privacy-page a { color: var(--blue); text-underline-offset: 3px; }
@media (max-width:900px) { .header-note { display:none; } .site-header,.site-footer { padding:22px 26px; } .site-main{padding:0 26px;} .hero { align-items:start; flex-direction:column; gap:16px; } .privacy-promise { margin:0; } .guide ol{gap:24px;} .useful-notes{gap:35px;} }
@media (max-width:600px) { .site-header { padding:19px 18px; } .brand{font-size:19px;}.brand svg{width:38px;height:38px}.site-main{padding:0 14px}.hero{padding:29px 5px 22px}.hero h1{font-size:39px;letter-spacing:-2px}.hero h1 em{letter-spacing:-2px}.hero-description{font-size:15px;line-height:1.5}.hero .eyebrow{font-size:9px;letter-spacing:1.7px}.privacy-promise{font-size:11px}.tool-container{border-radius:17px}.guide{padding:45px 5px 30px}.guide ol{grid-template-columns:1fr;gap:22px}.guide li{padding-top:14px}.guide h3{display:inline;margin-left:12px}.guide p{margin:10px 0 0}.useful-notes{grid-template-columns:1fr;gap:24px;padding:28px 5px}.site-footer{padding:22px 20px;gap:15px}.site-footer nav{gap:16px}.privacy-page{padding:25px 22px 50px} }

.skip-link { position: fixed; top: 8px; left: 8px; transform: translateY(-160%); z-index: 20; background: var(--blue); color: white; padding: 12px 18px; border-radius: 6px; }
.skip-link:focus { transform: none; }