@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#021837;--sage:#688885;--stone:#f4f5f2;--copper:#c88a63;--bluegray:#6e7b8b;--white:#fff;--border:#0218371a;--shadow:0 1px 10px #02183712;--font:"Assistant", system-ui, sans-serif;--radius:14px}html{direction:rtl}body{font-family:var(--font);color:var(--navy);-webkit-font-smoothing:antialiased;background:#c8cacc;justify-content:center;min-height:100vh;display:flex}#root{background:var(--stone);width:100%;max-width:480px;min-height:100vh;position:relative;box-shadow:0 0 40px #0000002e}.page{background:var(--stone);flex-direction:column;align-items:center;min-height:100vh;padding:2.5rem 1rem;display:flex}.container{width:100%;max-width:440px}.card{background:var(--white);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow);padding:1.75rem}h1{font-size:1.65rem;font-weight:800;line-height:1.2}h2{font-size:1.1rem;font-weight:800;line-height:1.3}.text-muted{color:var(--bluegray);font-size:.9rem}.brand{color:var(--navy);letter-spacing:-.5px;font-size:2rem;font-weight:800}.brand-dot{color:var(--sage)}.brand-sub{color:var(--bluegray);margin-top:3px;font-size:.88rem}.field{flex-direction:column;gap:5px;margin-bottom:1rem;display:flex}.field label{color:var(--navy);font-size:.85rem;font-weight:700}.field input,.field textarea{border:1.5px solid var(--border);font-size:.98rem;font-family:var(--font);color:var(--navy);background:var(--stone);text-align:right;border-radius:10px;padding:.75rem 1rem;transition:border-color .2s,background .2s}.field input:focus,.field textarea:focus{border-color:var(--sage);background:var(--white);outline:none}.field textarea{resize:vertical}.btn{width:100%;font-size:1rem;font-weight:800;font-family:var(--font);cursor:pointer;text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:.9rem 1.25rem;transition:opacity .15s,transform .1s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-navy{background:var(--navy);color:var(--white)}.btn-copper{background:var(--copper);color:var(--white)}.btn-sage{background:var(--sage);color:var(--white)}.btn-outline{color:var(--navy);border:1.5px solid var(--border);background:0 0}.btn-navy:hover,.btn-copper:hover,.btn-sage:hover{opacity:.88}.btn-outline:hover{background:var(--stone)}.progress-track{background:#02183714;border-radius:99px;height:5px;overflow:hidden}.progress-fill{background:var(--copper);border-radius:99px;height:100%;transition:width .4s}.progress-label{color:var(--bluegray);justify-content:space-between;margin-bottom:6px;font-size:.78rem;font-weight:700;display:flex}.checkbox-row{color:var(--navy);align-items:flex-start;gap:10px;margin-bottom:1.25rem;font-size:.9rem;line-height:1.55;display:flex}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--sage);cursor:pointer;flex-shrink:0;margin-top:2px}.nav-tile{background:var(--white);border-radius:var(--radius);cursor:pointer;text-align:right;box-shadow:var(--shadow);width:100%;font-family:var(--font);color:var(--navy);border:none;align-items:center;gap:12px;padding:.9rem 1rem;transition:transform .15s;display:flex}.nav-tile:hover{transform:translateY(-2px)}.nav-tile:active{transform:scale(.99)}.nav-tile .tile-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.nav-tile .tile-title{font-size:.95rem;font-weight:800}.nav-tile .tile-desc{color:var(--bluegray);margin-top:1px;font-size:.78rem}.nav-tile .tile-arrow{width:24px;height:24px;color:var(--bluegray);background:#02183712;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;font-size:.75rem;display:flex}.nav-tile.tile-copper{background:var(--copper);color:var(--white)}.nav-tile.tile-copper .tile-desc{color:#ffffffbf}.nav-tile.tile-copper .tile-arrow{color:var(--white);background:#fff3}a{color:var(--sage);text-decoration:none}a:hover{text-decoration:underline}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}@keyframes softPulse{0%,to{box-shadow:0 4px 16px #02183738}50%{box-shadow:0 5px 22px #c88a638c}}@keyframes pinPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.22)}}@keyframes navNudgePulse{0%{box-shadow:0 0 #68888573}70%{box-shadow:0 0 0 12px #68888500}to{box-shadow:0 0 #68888500}}@keyframes navNudgeBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,4px)}}@keyframes celebratePop{0%{opacity:0;transform:scale(.75)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(720deg)}}
