.ap{display:grid;gap:var(--space-4);min-height:120px}.ap>*{min-width:0}.ap .btn{width:100%}.ap-hero{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.ap-hero p{max-width:36ch}.ap-mascot{width:104px;height:auto;filter:drop-shadow(0 10px 18px rgb(var(--shadow)/.2));animation:ap-float 5s ease-in-out infinite}@keyframes ap-float{50%{transform:translateY(-6px) rotate(-2deg)}}.ap-form{display:grid;gap:var(--space-4)}.ap-form label{display:flex;align-items:center;gap:6px}.ap-input{position:relative;display:block}.ap-input>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.ap-input .input{padding-left:40px}.ap-eye{position:absolute;right:2px;top:2px}.ap-input:has(.ap-eye) .input{padding-right:46px}.ap-or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--fs-small)}.ap-or:after,.ap-or:before{content:"";height:1px;background:var(--border)}.ap-benefits{list-style:none;margin:0;padding:var(--space-4);display:grid;gap:var(--space-2);border-radius:var(--radius-control);background:var(--surface)}.ap-benefits li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small)}.ap-benefits svg{color:var(--success);flex:none}.ap-profile>span:last-child{min-width:0;overflow-wrap:anywhere}.ap-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);background:var(--surface)}.ap-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:700;flex:none}.ap-usage{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);border:1px solid var(--border)}.ap-usage h3{margin:0;font-size:var(--fs-body)}@media (prefers-reduced-motion:reduce){.ap-mascot{animation:none}}