*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;direction:rtl;font-family:Tajawal,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 620px at 82% -8%,#dbeafe,#dbeafe00 62%),radial-gradient(900px 520px at 8% 108%,#d1fae5,#d1fae500 58%),#eef2f7;color:#263238}.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px 16px}.phone{position:relative;width:390px;max-width:100%;height:800px;max-height:calc(100vh - 100px);background:#0f172a;border-radius:46px;padding:12px;box-shadow:0 32px 64px -20px #0f172a73,0 0 0 1px #0f172aa6,inset 0 0 0 2px #ffffff12}.notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:112px;height:24px;background:#0f172a;border-radius:0 0 14px 14px;z-index:5;pointer-events:none}.screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:36px;background:#f5f7fa}#app-frame{display:block;width:100%;height:100%;border:0;background:#f5f7fa}.caption{margin:0;font-size:13px;font-weight:500;letter-spacing:.2px;color:#64748b}@media (max-width: 470px){.stage{padding:0;gap:0}.phone{width:100%;height:100vh;max-height:none;border-radius:0;padding:0;box-shadow:none;background:transparent}.notch{display:none}.screen{border-radius:0}.caption{display:none}}