:root{--dev-bg-color:#f5f4f0;--dev-surface:#fff;--dev-border:#0000001a;--dev-text-main:#1a1a1a;--dev-text-muted:#6b7280;--dev-badge-bg:#dbeafe;--dev-badge-text:#1e40af}.dev-container{background:var(--dev-surface);border:1px solid var(--dev-border);border-radius:28px;flex-direction:column;width:100%;max-width:390px;min-height:580px;animation:.8s ease-out forwards fadeIn;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008}.dev-content-wrapper{text-align:center;flex-direction:column;flex:1;align-items:center;padding:48px 24px 0;display:flex}.dev-badge{background-color:var(--dev-badge-bg);color:var(--dev-badge-text);border-radius:9999px;align-items:center;margin-bottom:24px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.dev-title{color:var(--dev-text-main);letter-spacing:-.02em;margin-bottom:24px;font-size:40px;font-weight:800}.dev-description{color:var(--dev-text-muted);flex-direction:column;gap:8px;font-size:18px;line-height:1.6;display:flex}.dev-footer{width:100%;color:var(--dev-text-muted);border-top:1px solid var(--dev-border);justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:24px 0;font-size:14px;display:flex}.dev-footer h1{font-size:inherit;font-weight:inherit;align-items:center;gap:6px;margin:0;display:flex}.dev-link{color:#2563eb;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.dev-link:hover{opacity:.8;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}