.noor-arrival{position:fixed;z-index:1200;right:28px;top:110px;width:min(440px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100dvh - 140px);overflow:auto;padding:26px;border:1px solid #76cbb69c;border-radius:26px;background:linear-gradient(145deg,#163f48,#071923);color:#f5fbfa;box-shadow:0 22px 70px #00151d55;font-family:'Segoe UI',Arial,sans-serif;animation:noor-arrive .5s ease-out}.noor-arrival[hidden]{display:none!important}.noor-arrival-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff45;background:#ffffff10;color:white;font-size:28px;cursor:pointer}.noor-arrival-avatar{position:relative;width:86px;height:86px;border-radius:50%;margin-bottom:18px;background:radial-gradient(circle at 32% 24%,#d8fff0,#67d9ce 23%,#246d80 61%,#16324e 88%);box-shadow:0 0 0 8px #75e6c712,0 0 30px #72eac12b;animation:noor-hover 4s ease-in-out infinite}.noor-arrival-eyes:before,.noor-arrival-eyes:after{content:'';position:absolute;top:35px;width:7px;height:12px;border-radius:7px;background:#072d3a}.noor-arrival-eyes:before{left:29px}.noor-arrival-eyes:after{right:29px}.noor-arrival-smile{position:absolute;left:36px;top:53px;width:15px;height:7px;border-bottom:3px solid #072d3a;border-radius:50%}.noor-arrival-eyebrow{color:#a4edcf!important;font-size:10px!important;letter-spacing:.14em;margin:0 0 8px!important}.noor-arrival h2{font-size:32px!important;line-height:1.15;color:white!important;margin:0 0 10px!important;letter-spacing:-.8px}.noor-arrival p{font-size:14px;line-height:1.55;color:#d1e5e5;margin:0 0 16px}.noor-arrival-tasks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.noor-arrival-tasks a{display:flex;flex-direction:column;gap:6px;border:1px solid #8bc7bd55;border-radius:13px;padding:13px;background:#ffffff08;text-decoration:none;color:white;min-width:0}.noor-arrival-tasks strong{font-size:14px}.noor-arrival-tasks span{font-size:12px;line-height:1.4;color:#c5dcdd}.noor-arrival-talk{display:block;padding:14px;background:#a5efcc;border-radius:12px;color:#092d32;text-align:center;font-size:15px;font-weight:700;text-decoration:none}.noor-arrival .noor-arrival-note{font-size:11px;margin:12px 0 0;color:#bad0d4}.noor-arrival-replay{display:inline-block;background:#143e46;color:#d8ffea;border:1px solid #86c9b7;border-radius:30px;padding:12px 18px;font:600 13px 'Segoe UI',sans-serif;margin:18px 0;cursor:pointer}.noor-arrival :focus-visible,.noor-arrival-replay:focus-visible{outline:3px solid #f4d389;outline-offset:3px}.noor-arrival-tasks a:hover{background:#ffffff17}@keyframes noor-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes noor-hover{50%{transform:translateY(-5px)}}@media(max-width:600px){.noor-arrival{top:auto;bottom:16px;right:16px;padding:22px;max-height:calc(100dvh - 32px)}.noor-arrival-avatar{width:70px;height:70px;margin-bottom:14px}.noor-arrival-eyes:before{left:22px;top:29px}.noor-arrival-eyes:after{right:22px;top:29px}.noor-arrival-smile{left:28px;top:45px}.noor-arrival h2{font-size:28px!important}}@media(prefers-reduced-motion:reduce){.noor-arrival,.noor-arrival-avatar{animation:none}}

.noor-arrival-person{float:right;width:126px;height:162px;margin:8px 12px 16px 16px;position:relative;overflow:hidden;border-radius:18px;background:#19444c}.noor-arrival-person img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}.noor-arrival-person figcaption{position:absolute;bottom:0;inset-inline:0;padding:5px;background:#07212ee8;text-align:center;color:#e1f6f0;font-size:10px}.noor-arrival-tasks{clear:both}@media(max-width:600px){.noor-arrival-person{width:100px;height:132px;margin:6px 12px 12px 12px}}
