/* Добрый рейтинг — global styles
   Unified Figma design language across all screens: Inter, blue (#3557E8) / lime (#B2FC76) palette. */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:clip;background:#F6F7FB;color:#161B33;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:#3557E8;text-decoration:none}
a:hover{color:#2942C2}
button{font-family:inherit}
input{font-family:inherit}
:focus-visible{outline:2.5px solid #3557E8;outline-offset:3px}
[data-slider]{scrollbar-width:none}
[data-slider]::-webkit-scrollbar{display:none}
[hidden]{display:none!important}

@keyframes breathe{0%,100%{opacity:.32;transform:scale(1)}50%{opacity:.82;transform:scale(1.3)}}
@keyframes sway{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes popIn{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes drift1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.09)}}
@keyframes drift2{0%,100%{transform:translate3d(0,0,0) scale(1.06)}50%{transform:translate3d(-4%,1%,0) scale(1)}}
@keyframes chase{to{stroke-dashoffset:-482}}
@keyframes softPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){[data-anim]{animation:none!important}*{transition-duration:1ms!important}}

/* ---------- shared app chrome ---------- */
.bg-blobs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#F6F7FB}
.bg-blobs span{position:absolute;border-radius:50%;display:block}
.bg-blob-1{top:-14%;left:-24%;width:96%;height:50%;background:radial-gradient(closest-side,rgba(53,87,232,.14),rgba(53,87,232,0));animation:drift1 23s ease-in-out infinite}
.bg-blob-2{top:6%;right:-30%;width:104%;height:54%;background:radial-gradient(closest-side,rgba(178,252,118,.22),rgba(178,252,118,0));animation:drift2 31s ease-in-out infinite}
.bg-blob-3{top:44%;left:-26%;width:96%;height:46%;background:radial-gradient(closest-side,rgba(231,121,26,.1),rgba(231,121,26,0))}
.bg-blob-4{bottom:-18%;right:-22%;width:90%;height:44%;background:radial-gradient(closest-side,rgba(53,87,232,.1),rgba(53,87,232,0))}
.bg-grain{position:absolute;inset:0;opacity:.055;mix-blend-mode:multiply;background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22140%22 height=%22140%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%223%22/%3E%3C/filter%3E%3Crect width=%22140%22 height=%22140%22 filter=%22url(%23n)%22/%3E%3C/svg%3E')}

.screen{position:relative;z-index:1}

.mini-logo{padding:16px 20px 0;display:flex}
.mini-logo img{height:22px;width:auto;display:block}
@media (min-width:920px){.mini-logo{padding:20px 8px 0}}

/* ================= LANDING (Figma) ================= */
#screen-landing{background:#F6F7FB;min-height:100vh}
.l-wrap{position:relative;z-index:1;max-width:460px;margin:0 auto;padding:0 0 128px;animation:fadeUp .5s cubic-bezier(.2,.8,.3,1);font-family:'Inter',Manrope,system-ui,sans-serif}
@media (min-width:920px){.l-wrap{max-width:1280px;padding:0 24px 120px}}

.l-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 16px;position:relative;z-index:2}
@media (min-width:920px){.l-header{padding:16px 32px 20px}}
.l-logo{display:flex;align-items:center}
.l-logo-img{height:28px;width:auto;display:block}
.l-btn-primary{min-height:42px;padding:0 22px;border:0;border-radius:999px;background:#3557E8;color:#fff;font:700 13.5px Inter,sans-serif;cursor:pointer;box-shadow:0 12px 24px -12px rgba(53,87,232,.5);transition:transform .28s cubic-bezier(.2,.8,.3,1)}
.l-btn-primary:hover{transform:translateY(-1px)}
.l-header .l-btn-primary{display:none}
@media (min-width:920px){.l-header .l-btn-primary{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}}

.l-hero{padding:20px 20px 0;position:relative;display:flex;flex-direction:column}
@media (min-width:920px){.l-hero{padding:36px 32px 0;display:grid;grid-template-columns:1.05fr 1fr;column-gap:56px;align-items:center}}
.l-hero-bg{position:absolute;top:0;left:0;right:0;height:800px;overflow:hidden;pointer-events:none;border-radius:0 0 40px 40px;z-index:0;background:#F6F7FB}
@media (min-width:920px){.l-hero-bg{height:620px}}
.l-hero-bg svg{display:block;width:100%;height:100%;position:absolute;inset:0}
.l-hero-bg .tunnel-desktop{display:none}
@media (min-width:920px){.l-hero-bg .tunnel-mobile{display:none}.l-hero-bg .tunnel-desktop{display:block}}
.l-hero-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(246,247,251,0) 0%,rgba(246,247,251,.75) 78%,#F6F7FB 100%)}
.l-hero-text{position:relative;z-index:1;order:1}
@media (min-width:920px){.l-hero-text{grid-column:1;grid-row:1;order:0}}
.l-badge{display:none;position:relative;z-index:1;align-items:center;padding:8px 16px;border-radius:999px;background:#E2E7FA}
@media (min-width:920px){.l-badge{display:inline-flex}}
.l-badge span{font:700 12px Inter,sans-serif;color:#1F3FBE;letter-spacing:-.01em}
.l-h1{margin:0;position:relative;z-index:1;font:800 34px/1.08 Inter,sans-serif;letter-spacing:-.02em;color:#3557E8}
@media (min-width:920px){.l-h1{margin:22px 0 0;font-size:60px;line-height:1.04}}
.l-h2{margin:8px 0 0;position:relative;z-index:1;font:800 20px/1.25 Inter,sans-serif;letter-spacing:-.01em;color:#161B33;max-width:340px}
@media (min-width:920px){.l-h2{font-size:32px;line-height:1.2;max-width:520px;margin-top:10px}}
.l-p{margin:14px 0 0;position:relative;z-index:1;font:500 14.5px/1.55 Inter,sans-serif;color:rgba(22,27,51,.55);max-width:320px}
@media (min-width:920px){.l-p{margin-top:16px;font-size:17px;line-height:1.6;max-width:460px}}
.l-chips{margin-top:28px;position:relative;z-index:1;display:flex;gap:10px;order:4}
@media (min-width:920px){.l-chips{margin-top:26px;order:0;grid-column:1;grid-row:2}}
.l-chip{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 10px;min-height:88px;border-radius:16px;background:#E2E7FA;text-align:center}
.l-chip span{font:700 11.5px Inter,sans-serif;color:#1F3FBE}
.l-cta-row{margin-top:22px;position:relative;z-index:1;display:flex;order:3}
@media (min-width:920px){.l-cta-row{margin-top:28px;order:0;grid-column:1;grid-row:3}}
.l-hero-cta{min-height:54px;width:100%;border:0;border-radius:999px;padding:0 26px;background:#3557E8;color:#fff;font:700 15.5px Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 20px 36px -16px rgba(53,87,232,.55);transition:transform .28s cubic-bezier(.2,.8,.3,1)}
.l-hero-cta:hover{transform:translateY(-2px)}
.l-hero-cta:active{transform:translateY(1px)}
@media (min-width:920px){.l-hero-cta{width:auto;padding:0 34px;min-height:60px;font-size:17px}}

.l-gauge-wrap{margin-top:36px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;order:2;width:100%}
@media (min-width:920px){.l-gauge-wrap{margin-top:0;align-items:flex-end;order:0;grid-column:2;grid-row:1 / span 3;width:auto}}
.l-gauge-label{width:100%;max-width:400px;text-align:center;font:800 14px Inter,sans-serif;color:#161B33;margin-bottom:8px}
@media (min-width:920px){.l-gauge-label{width:413px;max-width:413px;font-size:17px;margin-bottom:10px}}
.l-gauge-box{position:relative;width:100%;max-width:400px;aspect-ratio:1/1;margin-bottom:-22%}
@media (min-width:920px){.l-gauge-box{width:424px;max-width:413px;margin-bottom:-84px}}
.l-gauge-box svg{display:block;width:100%;height:100%}
.l-gauge-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20%}
.l-gauge-pct{font:800 1;font-size:clamp(44px,16vw,80px);color:#0B0F1A;letter-spacing:-.02em}
.l-gauge-rank{margin-top:16px;font:800 15px Inter,sans-serif;color:#3557E8}
@media (min-width:920px){.l-gauge-rank{font-size:17px}}
.l-gauge-note{margin-top:12px;font:500 11.5px/1.4 Inter,sans-serif;color:rgba(22,27,51,.5);max-width:240px}
.l-gauge-badges{display:none}
@media (min-width:920px){.l-gauge-badges{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:413px;max-width:413px}}
.l-gauge-badges span{padding:9px 18px;border-radius:999px;background:#B2FC76;font:700 11.5px Inter,sans-serif;color:#06B357;white-space:nowrap}

.l-trust{padding:0 20px;margin-top:36px;position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
@media (min-width:920px){.l-trust{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}
.l-trust-card{display:flex;gap:14px;align-items:center;padding:18px;border-radius:16px;background:#fff;border:1px solid #ECECEE}
@media (min-width:920px){.tc-encrypt{order:1}.tc-safe{order:2}.tc-license{order:3}}
.l-trust-icon{width:46px;height:46px;border-radius:50%;background:#3557E8;display:grid;place-items:center;flex:none}
.l-trust-title{display:block;font:700 15px Inter,sans-serif;color:#161B33}
.l-trust-desc{display:block;margin-top:3px;font:500 12.5px/1.4 Inter,sans-serif;color:rgba(22,27,51,.5)}

.l-scale{padding:56px 20px 0}
@media (min-width:920px){.l-scale{padding:88px 32px 0;max-width:1160px;margin:0 auto}}
.scale-desktop-only{display:none}
.scale-mobile-only{display:block}
@media (min-width:920px){.scale-desktop-only{display:flex}.scale-mobile-only{display:none}}
.l-scale-rows{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.l-scale-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:14px}
.l-scale-row .name{font:800 16px Inter,sans-serif}
.l-scale-row .range{font:700 14px Inter,sans-serif;color:rgba(22,27,51,.5)}
.l-scale-card{padding:22px 20px;border-radius:20px;background:#fff;border:1px solid #ECECEE;flex-direction:column;gap:20px}
@media (min-width:920px){.l-scale-card{flex-direction:row;align-items:center;gap:48px;padding:30px 40px}}
.l-scale-text{flex:none}
@media (min-width:920px){.l-scale-text{flex:0 0 300px}}
.l-scale-bar{flex:none}
@media (min-width:920px){.l-scale-bar{flex:1 1 auto}}
.l-scale-track{height:9px;border-radius:999px;background:linear-gradient(90deg,#DB3520,#E7791A 34%,#8BC44A 66%,#268B5C)}
.l-scale-labels{display:grid;grid-template-columns:repeat(2,1fr);row-gap:12px;column-gap:10px;margin-top:14px}
@media (min-width:920px){.l-scale-labels{display:flex;justify-content:space-between;margin-top:12px}}
.l-scale-labels .range{font:600 11px Inter,sans-serif;color:rgba(22,27,51,.4)}
.l-scale-labels .name{margin-top:2px;font:800 13.5px Inter,sans-serif}

.l-eyebrow{font:800 11.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#3557E8}
.l-h2-section{margin:9px 0 0;font:800 26px/1.2 Inter,sans-serif;letter-spacing:-.02em;color:#161B33}
.l-lead{margin:11px 0 0;font:500 14px/1.55 Inter,sans-serif;color:rgba(22,27,51,.5)}

.l-feat{padding:64px 20px 0}
@media (min-width:920px){.l-feat{padding:100px 32px 0;max-width:1160px;margin:0 auto}}
.l-feat-grid{display:flex;flex-direction:column;gap:14px;margin-top:22px}
@media (min-width:920px){.l-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}}
.l-feat-card{position:relative;padding:26px;border-radius:20px;background:#fff;border:1px solid #ECECEE;overflow:hidden}
.l-feat-card.alt{background:#EEF1FF;border-color:#DCE2FF}
.l-feat-dot{position:absolute;right:-24px;top:-24px;width:88px;height:88px;border-radius:50%;background:rgba(53,87,232,.07)}
.l-feat-icon{width:56px;height:56px;border-radius:16px;background:#3557E8;display:grid;place-items:center;position:relative}
.l-feat-title{margin-top:20px;font:800 16px Inter,sans-serif;color:#161B33;position:relative}
.l-feat-desc{margin-top:6px;font:500 13px/1.5 Inter,sans-serif;color:rgba(22,27,51,.55);position:relative}

.l-bento{padding:64px 20px 0}
@media (min-width:920px){.l-bento{padding:100px 32px 0;max-width:1240px;margin:0 auto}}
.l-bento-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"rating rating" "facts facts" "advice advice" "credits pdf";gap:10px;margin-top:22px}
@media (min-width:920px){.l-bento-grid{grid-template-columns:1.3fr 1fr 1fr;grid-template-areas:"rating rating facts" "credits advice pdf";gap:16px;margin-top:32px}}
.l-bento-rating{grid-area:rating;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(170deg,#EFF2FF,#E2E7FA);min-height:230px}
@media (min-width:920px){.l-bento-rating{min-height:280px}}
.l-bento-rating-content{position:relative;z-index:1;padding:24px 22px;display:flex;flex-direction:column;gap:16px;max-width:58%}
.l-bento-rating h3{margin:0;font:800 22px Inter,sans-serif;letter-spacing:-.02em;color:#3557E8}
.l-bento-rating p{margin:8px 0 0;font:500 14px/1.5 Inter,sans-serif;color:rgba(22,27,51,.55)}
.l-chart{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-end;gap:5px;padding:0 14px}
@media (min-width:920px){.l-chart{gap:7px;padding:0 20px}}
.l-chart .bar{flex:1;min-width:6px;border-radius:5px 5px 0 0}
.l-chart .bar.normal{background:linear-gradient(180deg,#D6DEFC,#AEBBF6)}
.l-chart .bar.peak{background:linear-gradient(180deg,#B4F296,#2FAE3F);position:relative}
.l-chart .chart-line{position:absolute;left:0;right:0;border-top:2px dotted #3557E8;opacity:.85;pointer-events:none}
.l-chart .chart-marker{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff 45%,#c9ffb0);box-shadow:0 0 0 4px rgba(154,255,120,.35),0 0 16px 4px rgba(120,230,90,.85);transform:translate(-50%,50%);pointer-events:none}
.l-bento-cta{align-self:flex-start;min-height:42px;padding:0 20px;border:0;border-radius:999px;background:#3557E8;color:#fff;font:700 12.5px Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.l-bento-cta:hover{transform:translateY(-1px)}
.l-bento-card{padding:22px;border-radius:20px;background:#fff;border:1px solid #ECECEE}
.l-bento-card.facts{grid-area:facts}
.l-bento-card.credits{grid-area:credits}
.l-bento-card.advice{grid-area:advice}
.l-bento-card.pdf{grid-area:pdf}
.l-bento-card h4{margin:16px 0 0;font:800 16px Inter,sans-serif;color:#161B33}
.l-bento-card p{margin:6px 0 0;font:500 13px/1.5 Inter,sans-serif;color:rgba(22,27,51,.55)}
.l-icon-circle{width:48px;height:48px;border-radius:50%;background:#3557E8;display:grid;place-items:center}

.l-compiled{padding:64px 20px 0}
@media (min-width:920px){.l-compiled{padding:100px 32px 0;max-width:1240px;margin:0 auto}}
.l-compiled h2{max-width:520px}
.l-compiled-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
@media (min-width:920px){.l-compiled-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:32px}}
.l-compiled-card{padding:18px;border-radius:14px;background:#fff;border:1px solid #EDEEF5;display:flex;flex-direction:column;gap:16px}
.l-compiled-card .dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.l-compiled-card .label{font:700 13.5px/1.25 Inter,sans-serif;color:#161B33}
.l-compiled-card .dot.blue{background:#E2E7FA;color:#3557E8}
.l-compiled-card .dot.green{background:#DCF5E3;color:#1F9E6B}
.l-compiled-card .dot.gray{background:#EDEDF2;color:#4B4F63}

.l-why{margin:70px 0 0;padding:44px 20px 50px;background:linear-gradient(160deg,#2946D6,#16226E)}
@media (min-width:920px){.l-why{margin:110px 0 0;padding:64px 40px;border-radius:32px}}
.l-why h2{margin:0;text-align:center;font:800 26px/1.2 Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.l-why-grid{display:flex;flex-direction:column;gap:14px;margin-top:22px}
@media (min-width:920px){.l-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;max-width:1120px;margin-left:auto;margin-right:auto}}
.l-why-card{position:relative;overflow:hidden;padding:24px;border-radius:20px}
.l-why-card.hi{background:linear-gradient(170deg,#AAFB6D,#CAFF8E);border:1px solid #CFFE9A}
.l-why-card.lo{background:#F5F6FF;border:1px solid #E7EAFF}
.l-why-card h3{font:800 21px Inter,sans-serif;color:#161B33;position:relative;margin:0}
.l-why-list{margin-top:16px;display:flex;flex-direction:column;gap:10px;position:relative}
.l-why-list div{display:flex;gap:10px;align-items:center}
.l-why-list span.arrow{font:800 14px Inter,sans-serif}
.l-why-card.hi .arrow{color:#161B33}
.l-why-card.lo .arrow{color:#8087A8}
.l-why-list span.txt{font:600 14.5px Inter,sans-serif;color:#161B33}
.l-why-note{margin-top:16px;font:800 14.5px Inter,sans-serif;color:#355BFF;position:relative}

.l-how{padding:64px 20px 0}
@media (min-width:920px){.l-how{padding:100px 32px 0;max-width:1160px;margin:0 auto}}
.l-how-layout{display:flex;flex-direction:column;gap:24px;margin-top:26px}
@media (min-width:920px){.l-how-layout{flex-direction:row;gap:32px;margin-top:34px;align-items:flex-start}}
.l-how-steps{display:flex;flex-direction:column;gap:10px;flex:none}
@media (min-width:920px){.l-how-steps{flex:1 1 auto}}
.l-how-step{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #ECECEE}
.l-how-step.active{border-color:#3557E8;box-shadow:0 14px 30px -20px rgba(53,87,232,.5)}
.l-how-num{flex:none;width:39px;height:39px;border-radius:50%;background:#E5E6EC;display:grid;place-items:center;font:700 14px Inter,sans-serif;color:rgba(22,27,51,.5)}
.l-how-step.active .l-how-num{background:#3557E8;color:#fff}
.l-how-step-title{display:block;font:800 15px Inter,sans-serif;color:#161B33}
.l-how-step-desc{display:block;margin-top:3px;font:500 12.5px Inter,sans-serif;color:rgba(22,27,51,.5)}
.l-how-illustration{background:#fff;border-radius:20px;box-shadow:0 24px 48px -28px rgba(20,32,43,.25);padding:24px;width:340px;flex:none;display:none}
@media (min-width:920px){.l-how-illustration{display:block}}
.how-scene{display:none}
.how-scene.active{display:block;animation:fadeUp .4s cubic-bezier(.2,.8,.3,1)}
.l-how-illustration .cap{text-align:center;font:600 11px Inter,sans-serif;color:rgba(22,27,51,.45)}
.l-how-illustration svg{display:block;width:180px;height:99px;margin:10px auto 0}
.l-how-illustration .title{text-align:center;margin-top:6px;font:800 15px Inter,sans-serif;color:#161B33}
.result-score-num{text-align:center;margin-top:2px;font:800 34px Inter,sans-serif;letter-spacing:-.02em;color:#161B33}
.result-score-label{text-align:center;margin-top:2px;font:700 13px Inter,sans-serif;color:#1F9E6B}
.l-how-checklist{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.l-how-checklist .done{padding:10px 14px;border-radius:10px;background:#F0FBF3;font:700 12px Inter,sans-serif;color:#1F9E6B;display:flex;align-items:center;gap:8px}
.l-how-checklist .done.center{background:#EEF1FF;color:#3557E8;justify-content:center}
.l-how-checklist .pending{padding:10px 14px;border-radius:10px;background:#EEF1FF;font:700 12px Inter,sans-serif;color:#3557E8;display:flex;align-items:center;gap:8px}
.pending-dot{display:inline-block;animation:softPulse 1.4s ease-in-out infinite}
.l-how-dots{margin-top:16px;display:flex;justify-content:center;gap:6px}
.l-how-dots span{width:6px;height:6px;border-radius:999px;background:#D8DCEE;transition:width .45s cubic-bezier(.2,.8,.3,1),background .45s ease}
.l-how-dots span.on{width:20px;background:#3557E8}

.l-faq{padding:64px 20px 0}
@media (min-width:920px){.l-faq{padding:100px 32px 0;max-width:820px;margin:0 auto}}
.l-faq-list{margin-top:20px;display:flex;flex-direction:column;gap:11px}
.l-faq-item{border-radius:16px;background:#fff;border:1px solid #ECECEE;overflow:hidden}
.l-faq-q{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;background:none;border:0;text-align:left;cursor:pointer;font:700 14.5px/1.35 Inter,sans-serif;color:#161B33}
.l-faq-plus{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:500 17px Inter,sans-serif;line-height:1;color:rgba(20,32,43,.55);background:rgba(20,32,43,.06);transform:rotate(0deg);transition:transform .42s cubic-bezier(.34,1.15,.4,1),background .42s ease,color .42s ease}
.l-faq-item.open .l-faq-plus{color:#fff;background:#3A56D4;transform:rotate(45deg)}
.l-faq-a{padding:0 20px 18px;font:500 13.5px/1.55 Inter,sans-serif;color:rgba(22,27,51,.55);animation:fadeUp .4s cubic-bezier(.2,.8,.3,1)}

.l-cta{padding:64px 20px 0}
@media (min-width:920px){.l-cta{padding:100px 32px 0;max-width:900px;margin:0 auto}}
.l-cta-panel{position:relative;overflow:hidden;border-radius:32px;background:#3557E8;padding:40px 26px 34px;text-align:center}
.l-cta-blob-1{position:absolute;left:-90px;top:-100px;width:210px;height:210px;border-radius:50%;background:radial-gradient(closest-side,rgba(86,118,255,.75),rgba(86,118,255,0))}
.l-cta-blob-2{position:absolute;right:-70px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(closest-side,rgba(86,118,255,.6),rgba(86,118,255,0))}
.l-cta-panel h2{margin:0;font:800 26px/1.2 Inter,sans-serif;letter-spacing:-.02em;color:#fff;position:relative}
.l-cta-panel p{margin:14px auto 0;font:500 14px/1.55 Inter,sans-serif;color:rgba(255,255,255,.62);max-width:380px;position:relative}
.l-cta-btn{margin-top:26px;min-height:52px;padding:0 32px;border:0;border-radius:999px;background:#B2FC76;color:#161B33;font:700 15px Inter,sans-serif;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.3,1);position:relative}
.l-cta-btn:hover{transform:translateY(-2px)}
.l-cta-btn:active{transform:translateY(1px)}
.l-cta-note{margin-top:13px;font:500 12px Inter,sans-serif;color:rgba(255,255,255,.5);position:relative}

.l-footer{padding:36px 22px 0;font:500 11.5px/1.6 Inter,sans-serif;color:rgba(20,32,43,.42)}
.l-footer-links{margin-top:12px;display:flex;flex-wrap:wrap;gap:14px}
.l-footer-legal{margin-top:14px;padding-top:14px;border-top:1px solid rgba(20,32,43,.08)}

.l-sticky{position:fixed;left:50%;bottom:0;transform:translateX(-50%) translateY(100%);width:min(460px,100%);z-index:40;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(rgba(246,247,251,0),rgba(246,247,251,.88) 34%,rgba(246,247,251,.98));backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.3,1),opacity .32s ease}
.l-sticky.visible{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
@media (min-width:920px){.l-sticky{display:none}}
.l-sticky button{width:100%;min-height:54px;border:0;border-radius:999px;background:#3557E8;color:#fff;font:700 15.5px Inter,sans-serif;box-shadow:0 16px 30px -14px rgba(53,87,232,.6);cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.3,1)}
.l-sticky button:hover{transform:translateY(-2px)}
.l-sticky button:active{transform:translateY(1px)}

/* ================= REGISTER / SCORING / RESULT (Figma-matched style) ================= */
.app-wrap{position:relative;z-index:1;max-width:430px;margin:0 auto;min-height:100vh;padding:0 0 40px;font-family:Inter,sans-serif}
@media (min-width:920px){.app-wrap{max-width:680px;padding:26px 0 80px}}
.app-topbar{display:flex;align-items:center;gap:12px;padding:16px 20px 0}
@media (min-width:920px){.app-topbar{padding:0 8px}}
.app-back{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #ECECEE;background:#fff;color:#161B33;font:500 17px Inter,sans-serif;cursor:pointer;transition:background .3s ease,border-color .3s ease}
.app-back:hover{background:#F5F6FF;border-color:#DCE2FF}
.app-title{font:700 15px Inter,sans-serif;letter-spacing:-.01em;color:#161B33}
@media (min-width:920px){.app-title{font-size:16.5px}}
.app-subtitle{font:500 12px Inter,sans-serif;color:rgba(22,27,51,.48);margin-top:1px}
.app-progress{padding:18px 20px 0}
@media (min-width:920px){.app-progress{padding:24px 8px 0}}
.app-progress-track{height:7px;border-radius:999px;background:#ECECEE;overflow:hidden}
.app-progress-fill{height:100%;border-radius:999px;background:#3557E8;transform-origin:left center;transition:transform .6s cubic-bezier(.2,.8,.3,1)}

.app-step{padding:26px 20px 0;animation:fadeUp .44s cubic-bezier(.2,.8,.3,1)}
@media (min-width:920px){.app-step{padding:40px 8px 0}}
.app-step h1{margin:0;font:800 25px/1.16 Inter,sans-serif;letter-spacing:-.02em;color:#161B33;max-width:300px}
@media (min-width:920px){.app-step h1{font-size:36px;max-width:480px}}
.app-step > p{margin:11px 0 0;font:500 14.5px/1.55 Inter,sans-serif;color:rgba(22,27,51,.55);max-width:315px}
@media (min-width:920px){.app-step > p{font-size:16px;max-width:460px}}
.field{display:block;margin-top:14px}
.field:first-of-type{margin-top:24px}
.field-label{display:block;font:700 12px Inter,sans-serif;color:rgba(22,27,51,.5);margin-bottom:8px}
@media (min-width:920px){.field-label{font-size:12.5px}}
.required{color:#DB3520}
.field-input-wrap{position:relative;display:block}
.field input{width:100%;min-height:56px;padding:16px 48px 16px 19px;border-radius:16px;border:1.5px solid #ECECEE;background:#fff;font:500 16px Inter,sans-serif;color:#161B33;outline:none;transition:border-color .3s ease}
@media (min-width:920px){.field input{min-height:60px;font-size:16.5px}}
.field input:focus{border-color:#3557E8}
.field-ok{position:absolute;right:17px;top:50%;margin-top:-11px;width:23px;height:23px;border-radius:50%;background:#06B357;color:#fff;display:grid;place-items:center;font:700 12px Inter,sans-serif;animation:popIn .34s cubic-bezier(.34,1.4,.5,1)}
.field-row{display:flex;gap:12px;margin-top:24px}
.field-row .field{margin-top:0;flex:1}
.field-row .field.wide{flex:1.45}
.field-optional{display:flex;align-items:center;gap:10px;margin:26px 0 2px}
.field-optional .lab{font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(22,27,51,.4);white-space:nowrap}
.field-optional .line{flex:1;height:1px;background:#ECECEE}
.field-optional .hint{font:600 11px Inter,sans-serif;color:#06B357;white-space:nowrap}
.field-row-plain{display:flex;flex-direction:column;gap:14px;margin-top:14px}
@media (min-width:920px){.field-row-plain{flex-direction:row;gap:12px}}
.field-row-plain .field{margin-top:0;flex:1}
.field-row-plain input,.field input[type=date]{border-radius:16px;-webkit-appearance:none;appearance:none;display:block;width:100%;padding:16px 19px}
.date-warn{margin-top:10px;padding:11px 15px;border-radius:14px;background:rgba(219,53,32,.08);border:1px solid rgba(219,53,32,.18);font:600 12px/1.4 Inter,sans-serif;color:#DB3520;animation:fadeUp .3s ease}
.consent-box{margin-top:14px;display:flex;gap:13px;align-items:flex-start;padding:17px 18px;border-radius:20px;background:#fff;border:1.5px solid #ECECEE;cursor:pointer;transition:border-color .3s ease}
.consent-box:hover{border-color:#B7C3FA}
.consent-check{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 13px Inter,sans-serif;color:transparent;background:#F0F1F5;border:1.5px solid #E5E6EC;transition:background .35s ease,border-color .35s ease,color .35s ease}
.consent-check.on{color:#fff;background:#06B357;border-color:#06B357}
.consent-text{font:500 13px/1.55 Inter,sans-serif;color:rgba(22,27,51,.7)}
.consent-links{margin-top:12px;display:flex;flex-direction:column;gap:8px;padding-left:4px;font:600 12.5px Inter,sans-serif}
.legal-link{display:inline;width:fit-content;background:none;border:0;padding:0;margin:0;color:#3557E8;text-decoration:none;font:inherit;cursor:pointer;text-align:left}
.legal-link:hover{color:#2942C2}

.legal-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}
.legal-modal[hidden]{display:none}
.legal-modal-backdrop{position:absolute;inset:0;background:rgba(15,20,35,.5);backdrop-filter:blur(2px)}
.legal-modal-card{position:relative;z-index:1;width:100%;max-width:480px;max-height:78vh;display:flex;flex-direction:column;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px -20px rgba(20,32,43,.35);animation:fadeUp .3s cubic-bezier(.2,.8,.3,1)}
@media (min-width:920px){.legal-modal{align-items:center;padding:20px}.legal-modal-card{border-radius:24px;max-height:70vh}}
.legal-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid #ECECEE;flex:none}
.legal-modal-title{font:800 16px Inter,sans-serif;color:#161B33}
.legal-modal-close{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:#F0F1F5;color:rgba(22,27,51,.6);font:500 15px Inter,sans-serif;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,color .2s ease}
.legal-modal-close:hover{background:#E5E6EC;color:#161B33}
.legal-modal-body{padding:18px 22px 26px;overflow-y:auto;font:500 13.5px/1.6 Inter,sans-serif;color:rgba(22,27,51,.7)}
.legal-modal-body h3{margin:18px 0 8px;font:700 13.5px Inter,sans-serif;color:#161B33}
.legal-modal-body h3:first-child{margin-top:0}
.legal-modal-body p{margin:0 0 12px}
.legal-modal-body p:last-child{margin-bottom:0}
.recap-card{margin-top:22px;padding:16px 18px;border-radius:18px;background:#F8F9FC;border:1px solid #ECECEE}
.recap-eyebrow{font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(22,27,51,.4)}
.recap-row{margin-top:9px;display:flex;justify-content:space-between;gap:14px;font:600 14px Inter,sans-serif}
.recap-row .k{color:rgba(22,27,51,.5);font-weight:500}
.recap-row .v{text-align:right;color:#161B33}
.form-error{margin:18px 20px 0;padding:13px 17px;border-radius:16px;background:rgba(219,53,32,.08);border:1px solid rgba(219,53,32,.2);font:600 12.5px/1.45 Inter,sans-serif;color:#DB3520;animation:fadeUp .32s ease}
@media (min-width:920px){.form-error{margin:18px 8px 0}}
.app-footer-btn{padding:24px 20px 0}
@media (min-width:920px){.app-footer-btn{padding:32px 8px 0;max-width:360px;margin:0 auto}}
.btn-primary{width:100%;min-height:58px;border:0;border-radius:999px;background:#3557E8;color:#fff;font:700 16.5px Inter,sans-serif;box-shadow:0 20px 36px -16px rgba(53,87,232,.55);cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.3,1)}
@media (min-width:920px){.btn-primary{min-height:62px;font-size:17px}}
.btn-primary:hover{transform:translateY(-2px)}
.btn-primary:active{transform:translateY(1px)}
.app-footer-note{margin-top:12px;text-align:center;font:500 12px Inter,sans-serif;color:rgba(22,27,51,.45)}

/* scoring */
.scoring-wrap{position:relative;z-index:1;max-width:430px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;animation:fadeUp .5s cubic-bezier(.2,.8,.3,1);font-family:Inter,sans-serif}
@media (min-width:920px){.scoring-wrap{max-width:600px;padding:40px}}
.scoring-gauge{position:relative;margin:0 -18px}
@media (min-width:920px){.scoring-gauge{margin:0 -8px}}
.scoring-gauge svg{display:block;width:100%;height:auto;overflow:visible}
.scoring-chase{animation:chase 2.4s linear infinite}
.scoring-caption{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);text-align:center;width:200px}
@media (min-width:920px){.scoring-caption{width:260px}}
.scoring-caption .title{font:800 20px/1.2 Inter,sans-serif;letter-spacing:-.02em;color:#161B33;animation:softPulse 3.7s ease-in-out infinite}
@media (min-width:920px){.scoring-caption .title{font-size:25px}}
.scoring-caption .sub{margin-top:8px;font:500 12.5px/1.45 Inter,sans-serif;color:rgba(22,27,51,.5)}
@media (min-width:920px){.scoring-caption .sub{font-size:14px}}
.scoring-steps{margin-top:14px;display:flex;flex-direction:column;gap:9px}
@media (min-width:920px){.scoring-steps{margin-top:26px;gap:11px}}
.scoring-step{display:flex;align-items:center;gap:13px;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid #ECECEE}
@media (min-width:920px){.scoring-step{padding:17px 22px}.scoring-step span.label{font-size:14.5px}}
.scoring-step.indent{margin-left:14px}
.scoring-badge{width:26px;height:26px;flex:none;border-radius:50%;background:#F0F1F5;display:grid;place-items:center}
.scoring-badge .done{width:26px;height:26px;border-radius:50%;background:#06B357;color:#fff;display:grid;place-items:center;font:700 12px Inter,sans-serif;animation:popIn .36s cubic-bezier(.34,1.4,.5,1)}
.scoring-badge .active{width:26px;height:26px;border-radius:50%;background:rgba(53,87,232,.22);animation:softPulse 1.7s ease-in-out infinite}
.scoring-step span.label{font:600 13.5px Inter,sans-serif;color:#161B33}
.scoring-error{margin-top:18px;padding:16px 18px;border-radius:16px;background:rgba(219,53,32,.08);border:1px solid rgba(219,53,32,.2);animation:fadeUp .32s ease}
.scoring-error .msg{font:600 13px/1.5 Inter,sans-serif;color:#DB3520}
.scoring-error button{margin-top:12px;width:100%;min-height:46px;border:0;border-radius:14px;background:#161B33;color:#fff;font:700 13.5px Inter,sans-serif;cursor:pointer}
.scoring-note{margin-top:22px;text-align:center;font:500 12px Inter,sans-serif;color:rgba(22,27,51,.42)}

/* result */
.result-wrap{position:relative;z-index:1;max-width:430px;margin:0 auto;padding:0 0 40px;animation:fadeUp .5s cubic-bezier(.2,.8,.3,1);font-family:Inter,sans-serif}
@media (min-width:920px){.result-wrap{max-width:760px;padding:20px 0 84px}}
.result-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}
@media (min-width:920px){.result-topbar{padding:0 8px}}
.result-topbar-left{display:flex;align-items:center;gap:11px}
.result-title{font:700 15px Inter,sans-serif;color:#161B33}
@media (min-width:920px){.result-title{font-size:16.5px}}
.result-subtitle{font:500 12px Inter,sans-serif;color:rgba(22,27,51,.48);margin-top:1px}
.result-step-tag{font:700 10.5px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#06B357;padding:7px 12px;border-radius:999px;background:rgba(6,179,87,.12);white-space:nowrap}
.result-notice{margin:18px 20px 0;padding:26px 22px;border-radius:20px;background:#fff;border:1px solid #ECECEE}
@media (min-width:920px){.result-notice{margin:26px 8px 0;padding:34px 30px}}
.result-notice .title{font:800 19px/1.3 Inter,sans-serif;letter-spacing:-.02em;color:#161B33}
@media (min-width:920px){.result-notice .title{font-size:23px}}
.result-notice .desc{margin-top:10px;font:500 13.5px/1.55 Inter,sans-serif;color:rgba(22,27,51,.6)}
@media (min-width:920px){.result-notice .desc{font-size:15px;max-width:480px}}
.result-notice button{margin-top:16px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:#161B33;color:#fff;font:700 13.5px Inter,sans-serif;cursor:pointer}
.result-gauge{position:relative;margin:6px 20px 62px 20px}
@media (min-width:920px){.result-gauge{margin:16px auto 84px;max-width:480px;width:100%}}
.result-gauge svg{display:block;width:100%;height:auto;overflow:visible}
.result-gauge-caption{position:absolute;left:53%;top:60%;transform:translate(-50%,-50%);text-align:center;width:190px}
@media (min-width:920px){.result-gauge-caption{width:230px}}
.result-score{font:800 56px/1 Inter,sans-serif;letter-spacing:-.03em;color:#0B0F1A}
@media (min-width:920px){.result-score{font-size:68px}}
.result-zone{margin-top:7px;font:700 11.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
@media (min-width:920px){.result-zone{font-size:13px}}
.result-of{margin-top:3px;font:500 11.5px Inter,sans-serif;color:rgba(22,27,51,.4)}
.result-callout{position:absolute;right:-4px;bottom:-58px;width:min(208px,calc(100vw - 40px));padding:13px 16px;border-radius:18px;background:#fff;border:1px solid #ECECEE;box-shadow:0 18px 36px -20px rgba(22,27,51,.28);animation:sway 5.7s ease-in-out infinite}
@media (min-width:920px){.result-callout{right:-30px;width:238px;padding:16px 19px}}
.result-callout .t{font:700 11.5px Inter,sans-serif;color:#06B357}
.result-callout .d{margin-top:4px;font:500 12.5px/1.4 Inter,sans-serif;color:rgba(22,27,51,.68)}
.result-section{padding:30px 20px 0}
@media (min-width:920px){.result-section{padding:48px 8px 0}}
.result-section h2{margin:0;font:800 22px/1.14 Inter,sans-serif;letter-spacing:-.02em;color:#161B33}
@media (min-width:920px){.result-section h2{font-size:27px}}
.factors-list{margin-top:18px;display:flex;flex-direction:column;gap:16px}
@media (min-width:920px){.factors-list{margin-top:24px;gap:20px}}
.factor-row{display:flex;gap:14px}
.factor-row.indent{margin-left:16px}
.factor-dot{width:4px;flex:none;border-radius:999px}
.factor-body{flex:1}
.factor-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.factor-label{font:700 14px Inter,sans-serif;color:#161B33}
.factor-tag{font:700 11.5px Inter,sans-serif;white-space:nowrap}
.factor-desc{display:block;margin-top:4px;font:500 12.5px/1.45 Inter,sans-serif;color:rgba(22,27,51,.58)}
.factor-track{display:block;margin-top:8px;height:7px;border-radius:999px;background:#ECECEE}
.factor-fill{display:block;height:7px;border-radius:999px}
.credits-section{padding:44px 20px 0}
@media (min-width:920px){.credits-section{padding:56px 8px 0}}
.credits-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}
@media (min-width:920px){.credits-grid{gap:16px}}
.credits-hero{grid-column:1/-1;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(160deg,#2946D6,#16226E);padding:22px;box-shadow:0 26px 50px -30px rgba(22,27,51,.55)}
@media (min-width:920px){.credits-hero{padding:28px 30px}}
.credits-hero-glow{position:absolute;right:-56px;bottom:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(178,252,118,.28),rgba(178,252,118,0))}
.credits-hero-eyebrow{font:700 10.5px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.credits-hero-row{display:flex;gap:20px;margin-top:14px;align-items:flex-end}
.credits-big{font:800 30px/1 Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.credits-overdue{font:800 18px/1.15 Inter,sans-serif;letter-spacing:-.02em;color:#B2FC76;max-width:120px}
.credits-mini-label{margin-top:5px;font:500 11.5px Inter,sans-serif;color:rgba(255,255,255,.55)}
.credits-limit{margin-left:auto;text-align:right}
.credits-limit .v{font:800 18px/1 Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.credits-usage-track{margin-top:18px;height:9px;border-radius:999px;background:rgba(255,255,255,.14)}
.credits-usage-fill{height:9px;border-radius:999px;background:linear-gradient(90deg,#E7791A,#DB3520)}
.credits-used-row{margin-top:9px;display:flex;justify-content:space-between;font:500 11.5px Inter,sans-serif;color:rgba(255,255,255,.55)}
.credits-card{border-radius:20px;background:#fff;border:1px solid #ECECEE;padding:18px}
.credits-card .big{font:800 26px/1 Inter,sans-serif;letter-spacing:-.02em;color:#161B33}
.credits-card .lbl{margin-top:7px;font:700 13px Inter,sans-serif;color:#161B33}
.credits-card .sub{margin-top:3px;font:500 11.5px/1.4 Inter,sans-serif;color:rgba(22,27,51,.55)}
.credits-card .row{display:flex;align-items:baseline;gap:8px}
.credits-card .row .frac{font:700 15px Inter,sans-serif;color:rgba(22,27,51,.3)}
.advice-section{padding:46px 0 0}
@media (min-width:920px){.advice-section{padding:58px 0 0}}
.advice-head{padding:0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
@media (min-width:920px){.advice-head{padding:0 8px}}
.advice-eyebrow{font:700 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(22,27,51,.4)}
.advice-head h2{margin:9px 0 0;font:800 22px/1.14 Inter,sans-serif;letter-spacing:-.02em;color:#161B33;max-width:220px}
@media (min-width:920px){.advice-head h2{font-size:27px;max-width:320px}}
.slider-nav{display:flex;gap:8px;flex:none;padding-bottom:3px}
.slider-nav button{width:44px;height:44px;border-radius:50%;border:1px solid #ECECEE;background:#fff;color:#161B33;font:500 17px Inter,sans-serif;cursor:pointer;transition:background .3s ease,border-color .3s ease}
.slider-nav button:hover{background:#F5F6FF;border-color:#DCE2FF}
.advice-slider{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 20px 8px;overscroll-behavior-x:contain}
@media (min-width:920px){.advice-slider{padding:24px 8px 8px}}
.advice-card{flex:0 0 min(76%,340px);scroll-snap-align:center;padding:20px;border-radius:20px}
@media (min-width:920px){.advice-card{flex:0 0 min(46%,360px);padding:24px}}
.advice-tag{font:700 10.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.advice-title{margin-top:10px;font:700 15px/1.3 Inter,sans-serif;color:#161B33}
.advice-desc{margin-top:8px;font:500 13px/1.5 Inter,sans-serif;color:rgba(22,27,51,.65)}
.dots-row{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:8px}
.dots-row span{display:block;height:7px;width:7px;border-radius:999px;background:#E5E6EC;transition:width .45s cubic-bezier(.2,.8,.3,1),background .45s ease}
.dots-row span.on{width:22px}
.offers-section{padding:46px 20px 0}
@media (min-width:920px){.offers-section{padding:0 8px}}
.offers-top{padding-top:30px}
@media (min-width:920px){.offers-top{padding-top:8px}}
.offers-eyebrow{font:700 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(22,27,51,.4)}
.offers-section h2{margin:9px 0 0;font:800 22px/1.14 Inter,sans-serif;letter-spacing:-.02em;color:#161B33;max-width:280px}
@media (min-width:920px){.offers-section h2{font-size:28px;max-width:380px}}
.offers-section > p{margin:11px 0 0;font:500 14px/1.5 Inter,sans-serif;color:rgba(22,27,51,.55);max-width:320px}
@media (min-width:920px){.offers-section > p{font-size:15px;max-width:420px}}
.offers-list{display:flex;flex-direction:column;gap:16px;margin-top:26px}
@media (min-width:920px){.offers-list{gap:16px;margin-top:30px}}
.offer-card{position:relative;border-radius:20px;background:#fff;border:1px solid #ECECEE;padding:22px 20px 20px;box-shadow:0 22px 44px -34px rgba(22,27,51,.3)}
.offer-pill{position:absolute;top:-12px;left:20px;padding:6px 13px;border-radius:999px;color:#fff;font:700 10.5px Inter,sans-serif;letter-spacing:.04em}
.offer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.offer-id{display:flex;align-items:center;gap:12px}
.offer-logo{width:44px;height:44px;flex:none;border-radius:12px;object-fit:contain;background:#F8F9FC;border:1px solid #ECECEE}
.offer-name{font:700 16px Inter,sans-serif;color:#161B33}
.offer-org{margin-top:3px;font:500 11.5px Inter,sans-serif;color:rgba(22,27,51,.5)}
.offer-amount{text-align:right;font:800 19px Inter,sans-serif;letter-spacing:-.02em;color:#161B33;white-space:nowrap}
.offer-term{margin-top:3px;font:500 11.5px Inter,sans-serif;color:rgba(22,27,51,.5);text-align:right}
.offer-btn{margin-top:18px;width:100%;min-height:52px;border:0;border-radius:999px;background:#3557E8;color:#fff;font:700 15px Inter,sans-serif;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.3,1);box-shadow:0 16px 30px -18px rgba(53,87,232,.55)}
.offer-btn:hover{transform:translateY(-2px)}
.offer-btn.ghost{border:1.5px solid #ECECEE;background:#fff;color:#161B33;box-shadow:none;transition:background .3s ease}
.offer-btn.ghost:hover{background:#F8F9FC}
.offers-note{margin-top:18px;font:500 11.5px/1.55 Inter,sans-serif;color:rgba(22,27,51,.44)}
.pdf-section{padding:40px 20px 0}
@media (min-width:920px){.pdf-section{padding:56px 8px 0}}
.pdf-card{position:relative;overflow:hidden;border-radius:24px;background:#fff;border:1px solid #ECECEE;padding:24px 22px;box-shadow:0 24px 48px -38px rgba(22,27,51,.3)}
@media (min-width:920px){.pdf-card{padding:34px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px}}
.pdf-glow{position:absolute;left:-60px;bottom:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(53,87,232,.14),rgba(53,87,232,0))}
.pdf-card .title{font:800 19px/1.25 Inter,sans-serif;letter-spacing:-.02em;color:#161B33;max-width:250px;position:relative}
@media (min-width:920px){.pdf-card .title{font-size:23px;max-width:320px}}
.pdf-card .desc{margin-top:9px;font:500 13px/1.5 Inter,sans-serif;color:rgba(22,27,51,.58);max-width:290px;position:relative}
@media (min-width:920px){.pdf-card .desc{font-size:14.5px;max-width:340px}}
.pdf-card a{margin-top:18px;display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border-radius:999px;background:#161B33;color:#fff;font:700 15.5px Inter,sans-serif;text-decoration:none;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.3,1);position:relative}
@media (min-width:920px){.pdf-card a{margin-top:0;width:auto;min-width:220px;padding:0 30px;flex:none}}
.pdf-card a:hover{transform:translateY(-2px)}
.result-disclaimer{margin-top:22px;font:500 11.5px/1.6 Inter,sans-serif;color:rgba(22,27,51,.42)}