:root{--referral-deep:#10231c;--referral-ink:#17211c;--referral-paper:#fff9f2;--referral-line:#dce5dc}
body{background:var(--referral-paper)}
html{scroll-behavior:smooth}
.referral-hero-shell{overflow:hidden}
.referral-hero-shell .updates-nav{gap:21px;font-size:13px}
.referral-hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);gap:7%;align-items:center;padding:80px 0 100px}
.referral-hero-copy{position:relative;z-index:2}
.referral-kicker{display:inline-flex;align-items:center;gap:12px;color:#a9e1be}
.referral-hero h1{line-height:.92;letter-spacing:-.073em;margin:29px 0 28px;white-space:normal}
.referral-hero h1 em{font-style:normal;color:#a9e1be}
@media(min-width:901px){html[lang="bg"] .referral-hero h1{white-space:normal}}
.referral-hero-copy>p:not(.referral-hero-note){max-width:515px;color:#c2d6c8;font-size:18px;line-height:1.55}
.referral-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:32px}
.referral-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:54px;padding:15px 23px;border-radius:999px;background:#172d21;color:#fff;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s}
.referral-button:hover{transform:translateY(-2px);background:#285a3a}
.referral-button-light{background:#f7fbf5;color:var(--referral-ink)}
.referral-button-light:hover{background:#dff1e6}
.referral-secondary{color:#deeee3;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.referral-secondary span{margin-left:8px}
.referral-hero-note{color:#aabfb0;font-size:12px;margin-top:15px}
.referral-hero-visual{position:relative;height:525px;min-width:0;border-radius:34px;transform:rotate(2deg)}
.referral-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:53% center;border-radius:34px;box-shadow:0 30px 60px #04130a8c}
.referral-hero-receipt{position:absolute;left:-42px;bottom:-35px;width:248px;min-height:198px;border-radius:23px;background:#e6f3e7;color:#173623;padding:23px 25px;box-shadow:0 18px 35px #07190c55;transform:rotate(-5deg)}
.referral-hero-receipt>span{display:block;color:#527b5f;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.referral-hero-receipt strong{display:block;font-size:70px;line-height:1;letter-spacing:-.08em;margin:17px 0 8px}
.referral-hero-receipt strong small{font-size:16px;letter-spacing:-.03em}
.referral-hero-receipt p{color:#50705b;font-size:11px;line-height:1.45;max-width:175px}
.referral-friend-chip{position:absolute;top:24px;right:-25px;display:flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;background:#fff9f2;color:#25402d;font-size:13px;box-shadow:0 12px 25px #06150b50;transform:rotate(4deg)}
.referral-friend-chip span{color:#dc9f5a}.referral-friend-chip b{font-size:18px}
.referral-light{background:var(--referral-paper)}
.referral-intro-line{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--referral-line);padding:25px 0;font-size:13px}
.referral-intro-line .signal-dot{background:#4f9471;box-shadow:0 0 0 5px #4f947122}
.referral-intro-line>span:last-child{margin-left:auto;color:#718174}
.referral-steps{padding:105px 0 110px}
.referral-section-head{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:65px;margin-bottom:45px}
.referral-section-head h2,.referral-faq h2,.referral-closing h2{font-size:clamp(43px,4.6vw,63px);line-height:1.02;letter-spacing:-.066em;font-weight:700;margin-top:19px}
.referral-section-head>p{max-width:430px;color:#607168;font-size:17px;line-height:1.55;padding-bottom:5px}
.referral-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.referral-step{position:relative;display:flex;flex-direction:column;min-width:0;min-height:405px;border:1px solid var(--referral-line);border-radius:28px;overflow:hidden;background:#fff}
.referral-step-link{background:#e7f0e8}.referral-step-claim{background:#f5eadc}
.referral-step-top{display:flex;justify-content:space-between;align-items:center;padding:25px 29px;border-bottom:1px solid #dce5dc;color:#648a72;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.referral-step-top span:last-child{font-size:20px;line-height:1;color:#285d3c}
.referral-step-body{position:relative;z-index:1;padding:34px 29px 29px}
.referral-step h3{max-width:450px;font-size:clamp(30px,3vw,41px);line-height:1.03;letter-spacing:-.06em;font-weight:500}
.referral-step p{max-width:470px;color:#607168;font-size:15px;line-height:1.55;margin-top:17px}
.referral-app-path{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:34px;font-size:13px;font-weight:700}
.referral-app-path span{background:#fff;border-radius:999px;padding:10px 13px;white-space:nowrap}
.referral-app-path i{font-style:normal;color:#5e9b71}
.referral-step-share img,.referral-step-habit img{display:block;width:100%;height:165px;object-fit:cover;margin-top:auto}
.referral-step-share img{object-position:50% 40%}
.referral-step-habit img{object-position:center 50%}
.referral-credit-note{display:flex;align-items:start;gap:11px;margin-top:34px;max-width:390px;color:#526e5b;font-size:13px;line-height:1.45}
.referral-credit-note>span:first-child{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:50%;background:#d6eadb;color:#27613c}
.referral-automatic{display:flex;align-items:center;gap:18px;padding:30px 35px;margin-top:20px;border:1px solid #d8e8da;background:#eaf4eb;border-radius:22px}
.referral-automatic .signal-dot{background:#4f9471;box-shadow:0 0 0 5px #4f947122}
.referral-automatic h3{font-size:21px;line-height:1.1;letter-spacing:-.04em;font-weight:500}
.referral-automatic p{color:#607168;font-size:14px;line-height:1.5;margin-top:5px;max-width:610px}
.referral-automatic a{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;margin-left:auto}
.referral-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;padding:105px 0 115px;border-top:1px solid var(--referral-line)}
.referral-faq h2{margin-top:19px}.referral-faq>div:first-child>p{color:#607168;font-size:16px;line-height:1.5;max-width:300px;margin-top:20px}
.referral-faq-list{min-width:0}
.referral-faq-list details{border-bottom:1px solid var(--referral-line)}
.referral-faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:76px;cursor:pointer;font-size:17px;font-weight:600;letter-spacing:-.02em}
.referral-faq-list summary::-webkit-details-marker{display:none}
.referral-faq-list summary span{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e4f1e8;font-size:22px;font-weight:400}
.referral-faq-list details[open] summary span{transform:rotate(45deg)}
.referral-faq-list details p{color:#637168;font-size:14px;line-height:1.65;max-width:710px;padding:0 42px 24px 0}
.referral-closing{display:grid;grid-template-columns:1.08fr .92fr;min-height:430px;margin-bottom:105px;background:#e6f1e7;border-radius:31px;overflow:hidden}
.referral-closing>div{padding:58px 55px 55px;display:flex;flex-direction:column;align-items:flex-start}
.referral-closing h2{font-size:clamp(40px,4vw,56px);margin-top:18px}
.referral-closing p{color:#607168;font-size:16px;line-height:1.55;margin-top:20px;max-width:430px}
.referral-closing .referral-button{margin-top:auto}
.referral-closing small{color:#708072;font-size:11px;margin-top:12px}
.referral-closing figure{margin:0;min-width:0}
.referral-closing img{display:block;width:100%;height:100%;object-fit:cover;object-position:54% center}
@media(max-width:1180px){.referral-hero{gap:5%}.referral-hero-receipt{left:-20px}.referral-friend-chip{right:-10px}.referral-faq{gap:55px}}
@media(max-width:900px){.referral-hero-shell .updates-nav{gap:14px}.referral-hero{display:block;min-height:0;padding:75px 0 95px}.referral-hero-visual{height:450px;max-width:720px;margin:58px 0 0 30px}.referral-hero-receipt{left:-30px}.referral-faq{grid-template-columns:1fr;gap:30px}.referral-faq>div:first-child>p{max-width:550px}.referral-closing>div{padding:45px 38px}.referral-closing h2{font-size:43px}}
@media(max-width:700px){.referral-hero{padding:65px 0 82px}.referral-hero h1{white-space:normal}.referral-hero-copy>p:not(.referral-hero-note){font-size:16px}.referral-actions{gap:18px}.referral-hero-visual{height:370px;margin:50px 11px 0}.referral-hero-receipt{width:205px;min-height:155px;padding:18px;left:-15px;bottom:-32px}.referral-hero-receipt strong{font-size:55px;margin:9px 0 5px}.referral-hero-receipt strong small{font-size:13px}.referral-friend-chip{font-size:11px;padding:9px 11px}.referral-intro-line>span:last-child{display:none}.referral-steps{padding:78px 0}.referral-section-head{display:block;margin-bottom:30px}.referral-section-head h2,.referral-faq h2{font-size:clamp(40px,8vw,55px)}.referral-section-head>p{font-size:15px;margin-top:22px}.referral-step-grid{grid-template-columns:1fr}.referral-step{min-height:355px}.referral-step h3{font-size:35px}.referral-automatic{align-items:start;flex-wrap:wrap;padding:26px}.referral-automatic a{margin-left:27px}.referral-faq{padding:78px 0}.referral-closing{display:block;margin-bottom:75px}.referral-closing>div{padding:43px 32px}.referral-closing .referral-button{margin-top:25px}.referral-closing figure{height:270px}}
@media(max-width:430px){.referral-kicker{font-size:10px;letter-spacing:.1em}.referral-hero h1{margin:25px 0 22px}.referral-hero-visual{height:305px;margin:42px 5px 0}.referral-friend-chip{top:10px;right:-12px}.referral-hero-receipt{width:178px;min-height:135px;padding:15px;bottom:-31px}.referral-hero-receipt>span{font-size:9px}.referral-hero-receipt strong{font-size:48px}.referral-hero-receipt p{font-size:10px}.referral-step-top{padding:21px 23px}.referral-step-body{padding:28px 23px}.referral-step h3{font-size:32px}.referral-step p{font-size:14px}.referral-app-path{gap:6px}.referral-app-path span{font-size:11px;padding:9px}.referral-faq-list summary{font-size:15px;min-height:69px}.referral-closing h2{font-size:39px}.referral-closing>div{padding:35px 26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.referral-button{transition:none}}