/* Noandishan v36 — professional family finance gateway */
:root{--pf36-ink:#11213a;--pf36-muted:#607089;--pf36-line:#dce5f0;--pf36-blue:#183fbd;--pf36-blue2:#315fd6;--pf36-teal:#0f9f92;--pf36-bg:#f5f8fd}
.pf36-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);gap:34px;align-items:center;margin:18px 0 22px;padding:clamp(24px,4vw,46px);border:1px solid #d9e4f2;border-radius:32px;background:radial-gradient(circle at 0 0,rgba(49,95,214,.13),transparent 36%),linear-gradient(145deg,#fff 0%,#f7faff 58%,#eef5ff 100%);box-shadow:0 24px 70px rgba(30,55,103,.1);overflow:hidden;color:var(--pf36-ink)}
.pf36-hero:after{content:"";position:absolute;width:300px;height:300px;left:-145px;bottom:-190px;border:44px solid rgba(24,63,189,.04);border-radius:50%}.pf36-hero-copy{position:relative;z-index:2;max-width:760px}.pf36-eyebrow{display:flex;align-items:center;gap:9px;color:var(--pf36-blue);font-size:.76rem;font-weight:900;letter-spacing:.02em}.pf36-eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--pf36-teal);box-shadow:0 0 0 6px rgba(15,159,146,.1)}.pf36-hero h2{margin:10px 0 10px;font-size:clamp(1.55rem,3.3vw,2.55rem);line-height:1.35;letter-spacing:-.025em}.pf36-hero p{max-width:690px;margin:0;color:var(--pf36-muted);font-size:.96rem;line-height:2}.pf36-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pf36-badges span{padding:7px 11px;border:1px solid #dbe5f3;border-radius:99px;background:rgba(255,255,255,.75);color:#405472;font-size:.7rem;font-weight:800}
.pf36-primary{width:min(100%,470px);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 14px;padding:15px 18px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--pf36-blue),var(--pf36-blue2));color:#fff;text-align:right;box-shadow:0 16px 32px rgba(24,63,189,.22);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.pf36-primary:hover{transform:translateY(-2px);box-shadow:0 21px 42px rgba(24,63,189,.28)}.pf36-primary b{font-size:.95rem}.pf36-primary small{font-size:.68rem;color:rgba(255,255,255,.78)}.pf36-primary em{grid-column:2;grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.14);font-style:normal;font-size:1.25rem}.pf36-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pf36-warning{width:min(100%,560px);margin-top:12px;padding:11px 13px;border:1px solid #f0d7a0;border-radius:13px;background:#fff9eb;color:#7b5a18;font-size:.75rem;line-height:1.8}
.pf36-visual{position:relative;min-height:285px}.pf36-card{position:absolute;padding:18px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 22px 45px rgba(33,55,96,.12);backdrop-filter:blur(12px)}.pf36-card span,.pf36-card b{display:block}.pf36-card span{color:#738099;font-size:.72rem}.pf36-card b{margin-top:6px;font-size:1.05rem}.pf36-card-main{top:20px;right:12px;width:220px;height:128px;background:linear-gradient(145deg,#183fbd,#3565dd);color:#fff;border:0;transform:rotate(2deg)}.pf36-card-main span{color:rgba(255,255,255,.72)}.pf36-card-main i{position:absolute;left:18px;bottom:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-style:normal}.pf36-card-receipt{left:5px;bottom:24px;width:205px;height:112px;transform:rotate(-2deg)}.pf36-shield{position:absolute;right:32px;bottom:12px;width:88px;height:88px;display:grid;place-items:center;align-content:center;border:8px solid rgba(15,159,146,.11);border-radius:28px;background:#eafaf7;color:var(--pf36-teal);font-size:1.5rem;font-weight:900;box-shadow:0 18px 40px rgba(15,159,146,.14)}.pf36-shield small{font-size:.62rem;margin-top:2px}
.pf36-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.pf36-features article{min-height:185px;padding:20px;border:1px solid var(--pf36-line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(40,61,96,.05)}.pf36-features article>div{width:38px;height:38px;display:grid;place-items:center;margin-bottom:18px;border-radius:12px;background:#eef3ff;color:var(--pf36-blue);font-size:.68rem;font-weight:900}.pf36-features h3{margin:0 0 8px;font-size:.91rem}.pf36-features p{margin:0;color:var(--pf36-muted);font-size:.74rem;line-height:1.9}.pf36-status{display:flex;align-items:center;gap:14px;padding:18px!important}.pf36-status-icon{color:#16a394;font-size:1.2rem}.pf36-status>div:nth-child(2){flex:1}.pf36-status h3{margin:0 0 4px}.pf36-status p{margin:0;color:var(--pf36-muted);font-size:.76rem;line-height:1.8}.pf36-status>span{padding:8px 12px;border-radius:99px;font-size:.68rem;font-weight:900}.pf36-status>span.ready{background:#eaf9f5;color:#087a6e}.pf36-status>span.waiting{background:#fff4df;color:#8a6217}
body[data-role="parent"] .content{font-family:Tahoma,Arial,sans-serif}body[data-role="parent"] .pf36-hero,body[data-role="parent"] .pf36-features,body[data-role="parent"] .pf36-status{font-family:Tahoma,Arial,sans-serif}
@media(max-width:1050px){.pf36-hero{grid-template-columns:1fr}.pf36-visual{display:none}.pf36-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pf36-hero{padding:22px 17px;border-radius:24px}.pf36-hero h2{font-size:1.45rem}.pf36-hero p{font-size:.8rem}.pf36-primary{border-radius:16px}.pf36-features{grid-template-columns:1fr}.pf36-features article{min-height:0}.pf36-status{align-items:flex-start;flex-wrap:wrap}.pf36-status>span{margin-right:auto}}