*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--rasklad-color-surface-blue);color:var(--rasklad-color-text-primary);font:16px/1.55 system-ui,-apple-system,sans-serif}.site-header,footer,.page{width:min(100% - 32px,960px);margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.brand{font-size:1.25rem;font-weight:750;text-decoration:none;color:inherit}.site-header nav{display:flex;gap:14px}.site-header a,footer a,.back,.settings-link{color:var(--rasklad-color-text-primary);text-underline-offset:3px}.page{padding:34px 0 58px}.hero,.panel,article.cards>article{background:var(--rasklad-color-surface-lilac);border-radius:var(--rasklad-radius-card);padding:clamp(24px,5vw,54px);box-shadow:0 10px 30px #25253a12}.hero h1{font-size:clamp(2rem,7vw,4.25rem);line-height:1.05;max-width:800px;margin:8px 0 22px}.hero p{max-width:650px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.cards h2{margin-top:0}.eyebrow{color:var(--rasklad-color-accent-gold);font-size:.83rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.button{display:inline-block;border:0;border-radius:999px;background:var(--rasklad-color-text-primary);color:#fff;padding:12px 19px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button.secondary{background:transparent;color:var(--rasklad-color-text-primary);outline:1px solid var(--rasklad-color-text-primary)}.narrow{max-width:620px;margin:auto}.center{text-align:center}label{display:block;margin-top:16px;font-weight:650}label input[type=checkbox]{margin-right:8px}input{display:block;width:100%;padding:11px 12px;border:1px solid #b9b8cc;border-radius:10px;background:#fff;font:inherit}input[type=checkbox]{display:inline;width:auto}form .button{margin-top:20px}small,.hint{color:var(--rasklad-color-text-secondary)}.notice,.error{padding:12px 14px;border-radius:12px;background:#fff4dd}.error{background:#fff0f0}.positions{padding-left:20px}.positions li{margin:13px 0}.positions span{display:block;color:var(--rasklad-color-text-secondary)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:28px 0}.card-draw{padding:20px;border-radius:18px;background:#eef3ff}.card-placeholder{height:130px;border-radius:12px;background:linear-gradient(135deg,#bfc9f0,#e3dcf4 55%,#caa45c);margin-bottom:18px}.takeaway{border-top:1px solid #d9d8e5;padding-top:20px}.disclaimer{color:var(--rasklad-color-text-secondary);font-size:.94rem}.history{display:grid;gap:10px}.history a,.settings-link{display:flex;justify-content:space-between;gap:12px;padding:18px;background:var(--rasklad-color-surface-lilac);border-radius:14px;text-decoration:none}.link-button{padding:0;border:0;background:transparent;color:var(--rasklad-color-text-primary);font:inherit;text-decoration:underline;cursor:pointer;margin-top:22px}.loader{width:36px;height:36px;margin:0 auto 18px;border:4px solid #d7d5e8;border-top-color:var(--rasklad-color-accent-gold);border-radius:50%;animation:spin 1s linear infinite}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;z-index:2;background:#fff;padding:8px}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:3px solid var(--rasklad-color-accent-gold);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}footer{display:flex;gap:18px;padding:20px 0 30px;color:var(--rasklad-color-text-secondary)}.danger-zone{margin-top:36px;padding-top:22px;border-top:1px solid #d9d8e5}.danger-zone h2{font-size:1.1rem}.danger-button{background:#9d3947;color:#fff}.link-button.danger-button{padding:0;background:transparent;color:#9d3947}.confirm-dialog{width:min(calc(100% - 32px),480px);border:0;border-radius:18px;padding:0;box-shadow:0 18px 60px #25253a42}.confirm-dialog::backdrop{background:#25253a66}.confirm-dialog form{padding:28px}.confirm-dialog h2{margin-top:0}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.dialog-actions .button{margin-top:0}.button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:520px){.site-header{align-items:flex-start}.site-header nav{flex-direction:column;align-items:flex-end;gap:4px}.page{padding-top:16px}.history a{flex-direction:column}}
input[type=search]{margin:0}.phone-country{position:relative}.phone-country button{width:100%;display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #b9b8cc;border-radius:10px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}.country-list{position:absolute;z-index:3;top:calc(100% + 6px);width:100%;max-height:320px;overflow:auto;padding:8px;border:1px solid #b9b8cc;border-radius:12px;background:#fff;box-shadow:0 12px 32px #25253a24}.country-list input{margin-bottom:6px}.country-option{width:100%;display:flex;justify-content:space-between;gap:10px;padding:9px 6px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.country-option:hover,.country-option:focus{background:var(--rasklad-color-surface-blue)}.phone-number{display:flex;align-items:center;border:1px solid #b9b8cc;border-radius:10px;background:#fff}.phone-number span{padding-left:12px;font-weight:650;white-space:nowrap}.phone-number input{border:0;padding-left:8px;min-width:0}
.joint-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.joint-back{aspect-ratio:2/3;border:0;border-radius:16px;background:linear-gradient(135deg,#27345f,#6f6298 55%,#caa45c);color:#fff;font-size:2rem;cursor:pointer;box-shadow:0 8px 18px #25253a30}.joint-back:hover{transform:translateY(-2px)}.joint-cta{margin-top:20px}.joint-cta .button{margin-right:8px}
.joint-hero{max-width:680px}.joint-hero h1{max-width:620px;margin:18px 0 14px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.joint-invite-header{display:flex;align-items:center;gap:14px;margin:20px 0 0;padding:14px 16px;border:1px solid #dedbed;border-radius:18px;background:#fff}.joint-avatar,.joint-avatar-placeholder{display:block!important;flex:0 0 60px!important;width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;border-radius:50%!important;object-fit:cover!important;background:var(--rasklad-color-surface-blue)}.joint-avatar-placeholder{display:grid!important;place-items:center;color:var(--rasklad-color-text-primary);font-size:1.35rem}.joint-avatar[hidden],.joint-avatar-placeholder[hidden]{display:none!important}.joint-invite-label{margin:0;color:var(--rasklad-color-text-secondary);font-size:.9rem}.joint-inviter-name{display:block;font-size:1.12rem;line-height:1.3}.joint-lead{margin:0;max-width:590px;color:var(--rasklad-color-text-secondary);font-size:1.08rem}.joint-how-it-works{display:grid;gap:8px;margin:24px 0;padding:16px;border-radius:16px;background:#f0effa;color:var(--rasklad-color-text-secondary);font-size:.94rem}.joint-how-it-works span{display:flex;align-items:center;gap:9px}.joint-how-it-works b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--rasklad-color-accent-gold);color:#fff;font-size:.78rem}.joint-phone-step{margin-top:20px;padding:22px;border:1px solid #dedbed;border-radius:18px;background:#fff}.joint-phone-step h2{margin:0 0 6px}.joint-phone-step p{margin:0 0 16px;color:var(--rasklad-color-text-secondary)}.joint-phone-step label{margin-top:0}.joint-phone-step input{margin-top:7px}.joint-privacy{margin-top:11px!important;font-size:.9rem}.joint-phone-step .button{margin-top:2px}@media(max-width:520px){.joint-invite-header{padding:12px}.joint-hero h1{font-size:2rem}.joint-how-it-works{font-size:.9rem}}