.hero-deck{padding-bottom:64px;position:relative}.deck-stack{z-index:3;min-height:332px;display:grid;position:relative}.deck-card{opacity:0;visibility:hidden;grid-area:1/1;grid-template-columns:1fr .92fr;gap:16px;padding:16px;transition:opacity .4s,transform .4s,visibility .4s;display:grid;transform:translateY(8px)}.deck-card.on{opacity:1;visibility:visible;transform:none}.deck-left{flex-direction:column;align-items:flex-start;gap:12px;padding:8px 6px;display:flex}.deck-meta{color:var(--muted);flex-direction:column;gap:6px;font-size:13.5px;display:flex}.deck-meta span{align-items:center;gap:7px;display:flex}.deck-why{background:var(--sage-2);border:1px solid var(--sage);border-radius:16px;flex-direction:column;gap:8px;padding:18px;display:flex}.deck-why-title{color:var(--forest);align-items:center;gap:8px;font-weight:800;display:flex}.deck-why ul{gap:7px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.deck-why li{align-items:flex-start;gap:8px;display:flex}.deck-why li svg{color:var(--forest);margin-top:3px}.deck-score{border-top:1px solid var(--sage);color:var(--forest);margin-top:auto;padding-top:12px;font-size:13.5px}.deck-dots{gap:8px;display:flex;position:absolute;bottom:8px;right:20px}.deck-dots span{border:1.5px solid var(--forest);background:0 0;border-radius:50%;width:10px;height:10px;padding:0}.deck-dots span.on{background:var(--forest);border-radius:6px;width:26px}@media (max-width:920px){.hero-deck{max-width:600px}}@media (max-width:640px){.deck-card{grid-template-columns:1fr}}.hero-deck{touch-action:pan-y;-webkit-user-select:none;user-select:none}.interview-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:36px 24px;display:flex}.interview-title{color:var(--forest);letter-spacing:-.02em;margin-top:10px;font-size:26px;font-weight:800}.interview-sub{color:var(--ink)}.interview-sub strong{color:var(--forest)}.interview-meta{border-top:1px solid var(--line);color:var(--muted);margin-top:12px;padding-top:12px;font-size:13px}.interview-card .job-logo{box-shadow:0 0 0 6px var(--lemon)}.deck-card{position:relative;overflow:hidden}.deck-card:not(.interview-card){padding-bottom:80px}.deck-status{background:var(--forest);color:var(--cream);box-shadow:var(--shadow-lg);opacity:0;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.2);display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(120%)}.deck-status>span:last-child{line-height:1.3;display:grid}.deck-status strong{font-size:15px}.deck-status .small{color:var(--sage)}.deck-card.submitted .deck-status{opacity:1;transform:none}.hero-deck{padding-bottom:40px}@media (max-width:640px){.hero-deck{padding-bottom:32px}.deck-card{grid-template-columns:1fr;gap:10px;padding:14px 14px 70px}.deck-left{gap:8px;padding:0}.deck-meta{flex-flow:wrap;gap:4px 14px}.deck-why{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px}.deck-why ul,.deck-why .muted{display:none}.deck-why-title{font-size:14px}.deck-score{border:0;margin:0;padding:0;font-size:13px}.deck-status{padding:10px 12px}.interview-card{gap:2px;padding:14px 16px}.interview-card .job-logo{width:44px!important;height:44px!important}.interview-card .interview-meta{margin-top:6px;padding-top:6px}.interview-card .deck-cta{margin-top:10px}.interview-title{font-size:22px}.deck-dots{bottom:0}}.deck-actions{justify-content:flex-end;gap:10px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.deck-actions .btn,.deck-cta{min-height:44px;padding:0 18px;font-size:14px}.deck-actions .btn-outline{background:var(--white)}.deck-cta{margin-top:16px}.deck-dots span{transition:width .25s,background .25s;display:block}@media (max-width:640px){.deck-actions{bottom:14px;left:14px;right:14px}.deck-actions .btn{flex:1}}.hero-deck{cursor:grab}.hero-deck:active{cursor:grabbing}.deck-card.on.fly-right,.deck-card.on.fly-left{opacity:0;transition:transform .5s cubic-bezier(.4,0,.6,1) .15s,opacity .5s .15s}.deck-card.on.fly-right{transform:translate(130%)rotate(14deg)}.deck-card.on.fly-left{transform:translate(-130%)rotate(-14deg)}@media (max-width:640px){.deck-stack{min-height:259px}}
