:root{--bg:#f4f2ed;--paper:#fff;--ink:#23262a;--muted:#72767c;--gold:#c7b681;--gold2:#e2d7b4;--silver:#9b9fa3;--line:#e4e1d9;--soft:#f8f7f3;--shadow:0 22px 60px rgba(40,42,45,.10);--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 80% 10%,#fff 0,#f7f5f0 38%,#efede7 100%);min-height:100vh}.page-shell{min-height:100vh}.site-header{height:88px;display:flex;align-items:center;gap:28px;padding:14px clamp(18px,4vw,64px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(199,182,129,.35);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{border:0;background:transparent;padding:0;cursor:pointer}.brand img{width:190px;max-height:54px;object-fit:contain;object-position:left center}.header-proof{font-size:14px;color:var(--muted);margin-right:auto}.dot{display:inline-block;width:9px;height:9px;background:var(--gold);border-radius:50%;margin-right:8px}.header-contact{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:var(--muted)}.header-contact a{font-size:17px;font-weight:800;color:var(--ink);text-decoration:none}.screen{display:none;min-height:calc(100vh - 148px);padding:clamp(28px,5vw,70px) clamp(18px,5vw,80px)}.screen.active{display:block}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;max-width:1440px;margin:auto;gap:42px;align-items:center}.eyebrow{display:inline-flex;padding:9px 13px;border-radius:999px;background:#f0ece0;color:#655b3d;font-weight:800;letter-spacing:.12em;font-size:12px}.hero-copy h1,.result-intro h2,.contact-copy h2,.center-card h2{font-size:clamp(42px,5.5vw,78px);line-height:.98;letter-spacing:-.05em;margin:24px 0}.hero-copy h1 span,.hero-copy h1 em{display:block}.hero-copy h1 span{color:var(--ink)}.hero-copy h1 em{font-style:normal;color:#9b874f;margin-top:10px}.lead{font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--muted);max-width:760px}.primary,.secondary,.ghost{font:inherit;cursor:pointer;border:0;border-radius:16px;font-weight:800}.primary{background:linear-gradient(135deg,#2f3237,#1f2124);color:#fff;padding:17px 24px;box-shadow:0 10px 25px rgba(35,38,42,.18);transition:.2s}.primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#3c3f43,#27292c)}.primary span{color:var(--gold2);margin-left:16px}.primary.xl{font-size:20px;padding:20px 28px}.secondary{padding:14px 20px;background:#eee9dd;color:#38332a}.ghost{background:transparent;color:var(--muted);padding:10px 0}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 18px}.hero-metrics div{background:rgba(255,255,255,.72);border:1px solid var(--line);padding:16px;border-radius:18px}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{font-size:18px}.hero-metrics span{color:var(--muted);font-size:12px;margin-top:4px}.trust-strip{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;border-left:3px solid var(--gold);background:#fff8e6;border-radius:12px}.trust-strip .badge{background:#2c2f33;color:white;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.trust-strip div b,.trust-strip div small{display:block}.trust-strip small{color:var(--muted);margin-top:3px}.hero-visual{position:relative;min-height:650px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,25,27,.22),transparent 45%)}.hero-visual img{width:100%;height:100%;position:absolute;object-fit:cover}.floating-card{position:absolute;z-index:2;background:rgba(255,255,255,.92);padding:15px 18px;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.floating-card b,.floating-card span{display:block}.floating-card span{font-size:12px;color:var(--muted);margin-top:4px}.floating-card.top{right:24px;top:24px}.floating-card.bottom{left:24px;bottom:24px}.quiz-layout{max-width:1420px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.quiz-card,.quiz-aside,.center-card,.contact-copy,.contact-form,.preview-cta,.result-intro{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.quiz-card{padding:30px}.quiz-top{display:flex;align-items:center;gap:22px}.progress-wrap{display:flex;align-items:center;gap:14px;flex:1;font-size:13px;font-weight:800}.progress{height:7px;background:#ece9e2;border-radius:99px;overflow:hidden;flex:1}.progress i{display:block;height:100%;width:20%;background:linear-gradient(90deg,#a7935c,var(--gold));transition:.3s}.question-head{margin:38px 0 24px}.question-head h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;margin:0 0 10px}.question-head p{color:var(--muted);font-size:17px}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.option{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px;text-align:left;cursor:pointer;min-height:126px;transition:.2s;position:relative}.option:hover{border-color:var(--gold);transform:translateY(-2px)}.option.selected{border:2px solid var(--gold);background:#fbf7eb}.option b{display:block;font-size:20px;margin-bottom:7px}.option span{display:block;color:var(--muted);line-height:1.35}.option .mini{font-size:12px;margin-top:8px}.option .check{position:absolute;right:14px;top:14px;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.option.selected .check{background:var(--gold);color:#fff;border-color:var(--gold)}.question-actions{display:flex;justify-content:flex-end;margin-top:18px}.quiz-aside{overflow:hidden;height:max-content}.aside-project{position:relative;height:220px}.aside-project img{width:100%;height:100%;object-fit:cover}.aside-project:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,21,23,.65),transparent 60%)}.aside-caption{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff}.aside-caption b,.aside-caption span{display:block}.aside-caption span{font-size:12px;margin-top:4px}.answer-summary{padding:22px}.answer-summary h3{margin-top:0}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-row span:first-child{color:var(--muted)}.center-card{max-width:780px;margin:8vh auto;padding:50px}.loading-steps{display:grid;gap:12px;margin:30px 0}.loading-steps>div{padding:17px 18px;border-radius:15px;background:var(--soft);display:flex;gap:12px;font-weight:700}.loading-steps .done{color:#51482f}.working i{width:12px;height:12px;border-radius:50%;background:var(--gold);animation:pulse 1s infinite;margin-top:3px}.loading-line{height:10px;border-radius:99px;background:#ece9e2;overflow:hidden}.loading-line i{display:block;height:100%;width:75%;background:linear-gradient(90deg,#7f7352,var(--gold));animation:loadbar 1.4s ease-in-out infinite}.loading-card p{color:var(--muted)}@keyframes pulse{50%{opacity:.25}}@keyframes loadbar{0%{width:15%}70%{width:92%}100%{width:100%}}.result-intro{max-width:1400px;margin:0 auto 22px;padding:26px 30px;display:flex;align-items:end;justify-content:space-between;gap:20px}.result-intro h2{font-size:clamp(34px,4vw,58px);margin:12px 0}.result-intro h2 span{color:#9a854c}.result-intro p{color:var(--muted);max-width:780px;margin:0}.preview-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.apartment-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:42% 58%;min-height:360px}.apartment-card .plan{background:#fafafa;padding:18px;display:grid;place-items:center}.apartment-card .plan img{width:100%;height:100%;max-height:340px;object-fit:contain}.apt-info{padding:26px}.project-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f1eee5;font-size:12px;font-weight:800}.apt-info h3{font-size:31px;margin:18px 0 8px}.price{font-size:31px;font-weight:900;color:#8f7c48;margin:8px 0}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.meta span{padding:8px 10px;background:var(--soft);border-radius:10px;font-size:12px}.note{color:var(--muted);font-size:12px;line-height:1.5}.locked-stack{display:grid;gap:12px}.locked-card{position:relative;min-height:110px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;overflow:hidden}.locked-card .blur{filter:blur(5px);opacity:.45}.lock-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.5);font-weight:900}.preview-cta{max-width:1400px;margin:18px auto 0;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.preview-cta div b,.preview-cta div span{display:block}.preview-cta div span{color:var(--muted);font-size:13px;margin-top:4px}.contact-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr .85fr;gap:22px}.contact-copy,.contact-form{padding:34px}.contact-copy h2{font-size:clamp(38px,4.5vw,62px)}.contact-copy p{font-size:18px;color:var(--muted);line-height:1.55}.contact-proof{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.contact-proof img{width:150px;height:110px;object-fit:cover;border-radius:14px}.contact-proof b,.contact-proof span{display:block}.contact-proof span{font-size:13px;color:var(--muted);margin-top:5px}.contact-form label{display:block;font-weight:800;margin-bottom:16px}.contact-form label span{font-weight:400;color:var(--muted);font-size:12px}.contact-form input[type=text],.contact-form input[type=tel]{width:100%;margin-top:7px;padding:16px 17px;border:1px solid var(--line);border-radius:14px;font:inherit;outline:none}.contact-form input:focus{border-color:var(--gold)}fieldset{border:0;padding:0;margin:18px 0}legend{font-weight:800;margin-bottom:9px}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.contact-methods label{margin:0}.contact-methods input{display:none}.contact-methods span{display:block;text-align:center;padding:13px 9px;border:1px solid var(--line);border-radius:12px;color:var(--ink)!important;font-weight:700!important;cursor:pointer}.contact-methods input:checked+span{border:2px solid var(--gold);background:#fbf7eb}.contact-form .primary{width:100%;margin-top:8px}.contact-form small{display:block;color:var(--muted);line-height:1.45;margin-top:12px}.results-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.result-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:42% 58%;min-height:310px}.result-card .plan{padding:16px;background:#fafafa;display:grid;place-items:center}.result-card .plan img{width:100%;height:100%;max-height:290px;object-fit:contain}.result-card .apt-info{padding:22px}.result-card h3{font-size:24px}.manager-note{max-width:1400px;margin:18px auto 0;background:#2c2f33;color:#fff;padding:20px 24px;border-radius:20px;display:flex;align-items:center;gap:16px}.manager-note .manager-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#2c2f33;font-weight:900}.manager-note b,.manager-note span{display:block}.manager-note span{font-size:13px;color:#d5d5d5;margin-top:4px}footer{min-height:60px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px clamp(18px,5vw,80px);color:var(--muted);font-size:12px;border-top:1px solid var(--line);background:#fff}

#screen-preview{padding-top:30px}
#screen-contact{padding-top:30px}
@media(max-width:980px){
.site-header{height:64px;padding:8px 14px;gap:12px}.brand img{width:124px;max-height:44px}.header-proof{display:none}.header-contact{margin-left:auto}.header-contact span{display:none}.header-contact a{font-size:12px;white-space:nowrap}
.screen{min-height:calc(100vh - 64px);padding:14px 12px}.hero-grid,.quiz-layout,.contact-grid,.preview-grid{grid-template-columns:1fr;gap:12px}.hero-visual{display:none}.hero-copy h1{font-size:clamp(34px,10vw,46px);line-height:1.01;margin:8px 0 12px}.hero-copy h1 em{margin-top:8px}.lead{font-size:15px;line-height:1.38;margin:0 0 12px}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 12px}.hero-metrics div{padding:10px 8px;border-radius:12px}.hero-metrics strong{font-size:14px}.hero-metrics span{font-size:9px;line-height:1.2}.primary.xl{font-size:17px;padding:16px 18px;width:100%}.trust-strip{margin-top:10px;padding:10px 12px;gap:8px}.trust-strip .badge{font-size:9px;padding:5px 7px}.trust-strip div b{font-size:12px}.trust-strip small{font-size:10px}
.quiz-card{padding:14px;border-radius:18px}.quiz-top{gap:10px}.quiz-top .ghost{font-size:12px}.progress-wrap{gap:8px;font-size:11px}.progress{height:5px}.question-head{margin:14px 0 10px}.question-head h2{font-size:28px;line-height:1.05;margin:0 0 6px}.question-head p{font-size:12px;line-height:1.35;margin:0}.quiz-aside{display:none}.option-grid{grid-template-columns:1fr;gap:7px}.option{min-height:66px;padding:11px 42px 10px 13px;border-radius:13px}.option b{font-size:16px;margin-bottom:3px}.option span{font-size:11px;line-height:1.25}.option .check{right:10px;top:10px;width:22px;height:22px;font-size:11px}.question-actions{margin-top:9px}.question-actions .primary{width:100%;padding:14px 16px}
.center-card{margin:3vh auto;padding:22px 18px;border-radius:18px}.center-card h2{font-size:34px;margin:14px 0}.loading-steps{gap:7px;margin:16px 0}.loading-steps>div{padding:12px 13px;border-radius:12px;font-size:13px}
#screen-preview,#screen-contact{padding-top:10px}.result-intro{padding:14px 15px;margin:0 auto 10px;border-radius:18px;align-items:flex-start;flex-direction:column;gap:8px}.result-intro .eyebrow{font-size:9px;padding:6px 8px}.result-intro h2{font-size:30px;line-height:1.03;margin:7px 0}.result-intro p{font-size:12px;line-height:1.35}.preview-grid{gap:8px}.apartment-card,.result-card{grid-template-columns:40% 60%;min-height:190px;border-radius:16px}.apartment-card .plan,.result-card .plan{height:auto;min-height:190px;padding:8px}.apartment-card .plan img,.result-card .plan img{max-height:190px}.apt-info,.result-card .apt-info{padding:13px 11px}.project-pill{font-size:9px;padding:5px 7px}.apt-info h3,.result-card h3{font-size:18px;margin:9px 0 5px}.price{font-size:21px;margin:5px 0}.meta{gap:4px;margin:8px 0}.meta span{font-size:9px;padding:5px 6px}.note{font-size:9px;line-height:1.3}.locked-stack{display:none}.preview-cta{margin:8px auto 0;padding:13px 14px;border-radius:16px;align-items:stretch;flex-direction:column;gap:10px}.preview-cta div b{font-size:13px}.preview-cta div span{font-size:10px}.preview-cta .primary{width:100%;padding:14px 16px}
.contact-grid{gap:10px}.contact-copy,.contact-form{padding:16px;border-radius:18px}.contact-copy h2{font-size:32px;margin:10px 0}.contact-copy p{font-size:13px;line-height:1.4;margin:0}.contact-proof{grid-template-columns:78px 1fr;gap:10px;margin-top:12px;padding-top:12px}.contact-proof img{width:78px;height:62px;border-radius:10px}.contact-proof b{font-size:12px}.contact-proof span{font-size:10px}.contact-form label{font-size:13px;margin-bottom:10px}.contact-form input[type=text],.contact-form input[type=tel]{margin-top:5px;padding:12px 13px;border-radius:11px}.contact-form fieldset{margin:12px 0}.contact-form legend{font-size:13px}.contact-methods{grid-template-columns:repeat(2,1fr);gap:7px}.contact-methods span{padding:11px 8px}.contact-form small{font-size:9px;margin-top:8px}
.results-grid{grid-template-columns:1fr;gap:9px}.manager-note{padding:14px;border-radius:16px}.manager-note .manager-icon{width:44px;height:44px;font-size:12px}footer{display:none}
}
@media(max-width:420px){.hero-copy h1{font-size:34px}.hero-metrics strong{font-size:13px}.hero-metrics span{font-size:8.5px}.question-head h2{font-size:26px}.option{min-height:62px}.option b{font-size:15px}.option span{font-size:10.5px}}

/* Approved autumn hero concept */
#screen-start{
  position:relative;
  overflow:hidden;
  min-height:calc(100vh - 88px);
  padding-top:clamp(28px,4vw,58px);
  padding-bottom:clamp(32px,5vw,68px);
  isolation:isolate;
}
#screen-start::before{
  content:"";
  position:absolute;
  z-index:-2;
  top:0;right:0;bottom:0;
  width:68%;
  background:url('assets/autumn-house.jpg') center center/cover no-repeat;
}
#screen-start::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(248,245,238,.99) 0%,rgba(248,245,238,.97) 32%,rgba(248,245,238,.82) 47%,rgba(248,245,238,.24) 68%,rgba(248,245,238,.05) 100%),
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(206,152,66,.08));
}
#screen-start .hero-grid{
  grid-template-columns:minmax(0,780px) 1fr;
  min-height:calc(100vh - 180px);
  align-items:center;
  position:relative;
}
#screen-start .hero-copy{
  position:relative;
  z-index:2;
}
#screen-start .hero-copy h1{
  text-shadow:0 1px 0 rgba(255,255,255,.25);
}
#screen-start .hero-metrics div{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(81,64,34,.06);
}
#screen-start .trust-strip{
  background:rgba(255,248,230,.9);
  backdrop-filter:blur(10px);
}
.hero-project-tag{
  position:absolute;
  right:0;
  top:36px;
  z-index:3;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.65);
  border-radius:18px;
  padding:14px 18px;
  box-shadow:0 10px 30px rgba(60,45,20,.12);
  backdrop-filter:blur(12px);
}
.hero-project-tag b,.hero-project-tag span{display:block}
.hero-project-tag span{font-size:12px;color:var(--muted);margin-top:4px}
.site-header{
  background:rgba(255,251,245,.82);
  border-bottom:1px solid rgba(183,143,76,.24);
}
.brand img{
  width:230px;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:980px){
  #screen-start{
    min-height:calc(100vh - 64px);
    padding-top:14px;
    padding-bottom:18px;
  }
  #screen-start::before{
    width:100%;
    opacity:.95;
    background-position:60% center;
  }
  #screen-start::after{
    background:linear-gradient(180deg,rgba(249,246,239,.92) 0%,rgba(249,246,239,.86) 48%,rgba(249,246,239,.78) 100%);
  }
  #screen-start .hero-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }
  #screen-start .hero-copy{
    padding:10px 10px 12px;
    border-radius:22px;
    background:rgba(255,252,247,.58);
    backdrop-filter:blur(4px);
  }
  .hero-project-tag{display:none}
  .brand img{width:156px;max-height:46px}
}

/* Refined hero hierarchy */
#screen-start .hero-copy h1 em{
  font-size:.72em;
  line-height:1.04;
  letter-spacing:-.04em;
  max-width:700px;
}
@media(max-width:980px){
  #screen-start .hero-copy h1 em{font-size:.74em;line-height:1.05;}
}

/* Background storytelling across quiz screens */
#screen-question,
#screen-loading,
#screen-preview,
#screen-contact,
#screen-results{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  --screen-bg:url('assets/vostochny.jpg');
  --screen-bg-pos:center center;
}
#screen-question::before,
#screen-loading::before,
#screen-preview::before,
#screen-contact::before,
#screen-results::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-image:var(--screen-bg);
  background-position:var(--screen-bg-pos);
  background-size:cover;
  background-repeat:no-repeat;
  transform:scale(1.025);
  filter:saturate(.88) contrast(.94);
}
#screen-question::after,
#screen-loading::after,
#screen-preview::after,
#screen-contact::after,
#screen-results::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(110deg,rgba(247,244,237,.92) 0%,rgba(247,244,237,.78) 44%,rgba(247,244,237,.58) 100%),
    linear-gradient(180deg,rgba(194,150,72,.07),rgba(31,33,36,.08));
  backdrop-filter:blur(2px);
}

#screen-question{--screen-bg:url('assets/zhukova.jpg')}
#screen-loading{--screen-bg:url('assets/autumn-house.jpg');--screen-bg-pos:center 58%}
#screen-contact{--screen-bg:url('assets/olymp_real.jpg');--screen-bg-pos:center 44%}
#screen-results{--screen-bg:url('assets/vostochny.jpg')}

/* Keep the interaction layer clear while letting the architecture show through */
#screen-question .quiz-card,
#screen-question .quiz-aside,
#screen-loading .center-card,
#screen-preview .result-intro,
#screen-preview .apartment-card,
#screen-preview .locked-card,
#screen-preview .preview-cta,
#screen-contact .contact-copy,
#screen-contact .contact-form,
#screen-results .result-intro,
#screen-results .result-card{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px) saturate(1.05);
  -webkit-backdrop-filter:blur(14px) saturate(1.05);
}
#screen-question .quiz-card,
#screen-loading .center-card,
#screen-contact .contact-copy,
#screen-contact .contact-form{
  box-shadow:0 24px 70px rgba(42,36,27,.14);
}

/* Loading should feel more cinematic */
#screen-loading::after{
  background:
    linear-gradient(110deg,rgba(247,244,237,.82),rgba(247,244,237,.55)),
    linear-gradient(180deg,rgba(196,139,50,.11),rgba(40,35,28,.12));
}

/* Contact uses the real completed building as a confidence cue */
#screen-contact::after{
  background:
    linear-gradient(105deg,rgba(247,244,237,.92) 0%,rgba(247,244,237,.77) 48%,rgba(247,244,237,.48) 100%),
    linear-gradient(180deg,rgba(174,138,69,.04),rgba(30,32,35,.12));
}

/* Results stay light so floor plans remain easy to compare */
#screen-results::after{
  background:linear-gradient(110deg,rgba(247,244,237,.94),rgba(247,244,237,.82));
}

@media(max-width:980px){
  #screen-question::before,
  #screen-loading::before,
  #screen-preview::before,
  #screen-contact::before,
  #screen-results::before{
    opacity:.52;
    filter:saturate(.82) contrast(.9);
    background-position:center center;
  }
  #screen-question::after,
  #screen-loading::after,
  #screen-preview::after,
  #screen-contact::after,
  #screen-results::after{
    background:linear-gradient(180deg,rgba(248,246,241,.88),rgba(248,246,241,.82));
    backdrop-filter:blur(1px);
  }
  #screen-question .quiz-card,
  #screen-loading .center-card,
  #screen-preview .result-intro,
  #screen-preview .apartment-card,
  #screen-preview .preview-cta,
  #screen-contact .contact-copy,
  #screen-contact .contact-form,
  #screen-results .result-intro,
  #screen-results .result-card{
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
}