.at-page{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4);min-height:100vh}.at-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.at-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--color-brand-primary);border-radius:var(--radius-full);animation:at-spin .8s linear infinite}@keyframes at-spin{to{transform:rotate(360deg)}}.at-header{text-align:center;padding:var(--space-8) 0 var(--space-4)}.at-logo{height:44px;margin-bottom:var(--space-4)}.at-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.at-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.at-hero-card{background:linear-gradient(135deg,#2d1b4e,#1a1133);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);color:#fff}.at-hero-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.at-hero-label{font-size:var(--font-size-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.at-hero-code{display:inline-flex;align-items:center;gap:var(--space-2);background:#772cbb66;border:1px solid rgba(255,255,255,.15);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-family:monospace;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;cursor:pointer;transition:background .2s}.at-hero-code:hover{background:#772cbb99}.at-hero-code svg{opacity:.5}.at-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.at-hero-stat{text-align:center;padding:var(--space-3);background:#ffffff0f;border-radius:var(--radius-md)}.at-hero-stat-val{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.at-hero-stat-lbl{display:block;font-size:var(--font-size-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.at-card{background:var(--surface-0);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:var(--space-6);margin-bottom:var(--space-4)}.at-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.at-card-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--space-5) 0 var(--space-3)}.at-card-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0 0 var(--space-4)}.at-share-buttons{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.at-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:all .2s;flex:1;justify-content:center}.at-btn--whatsapp{background:#25d366;color:#fff}.at-btn--whatsapp:hover{background:#1fb855}.at-btn--copy{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-subtle)}.at-btn--copy:hover{background:var(--surface-2, #eee)}.at-message-preview{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.6;padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius-md);border-left:3px solid var(--color-brand-primary)}.at-toolkit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.at-toolkit-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-5) var(--space-3);background:var(--surface-1);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all .2s;border:1px solid transparent}.at-toolkit-item:hover{border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.at-toolkit-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.at-toolkit-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.at-toolkit-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.4}.at-points{padding-left:var(--space-5);margin:0}.at-points li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.at-points li::marker{color:var(--color-brand-primary)}.at-steps{display:flex;flex-direction:column;gap:var(--space-4)}.at-step{display:flex;gap:var(--space-4);align-items:flex-start}.at-step-num{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.at-step-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.at-step-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.5}.at-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);gap:var(--space-3)}.at-row:last-child{border-bottom:none}.at-bar-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.at-bar-row:last-child{border-bottom:none}.at-bar-label{font-size:var(--font-size-xs);color:var(--text-secondary);min-width:70px}.at-bar-track{flex:1;height:8px;background:var(--surface-1);border-radius:4px;overflow:hidden}.at-bar-fill{height:100%;background:var(--color-brand-primary);border-radius:4px;transition:width .3s}.at-bar-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:80px;text-align:right}.at-footer{text-align:center;padding:var(--space-6) 0;font-size:var(--font-size-xs);color:var(--text-tertiary)}.at-footer a{color:var(--color-brand-primary);text-decoration:none}.at-toast{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--text-inverse);padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);opacity:0;transition:opacity .3s;pointer-events:none}.at-toast.show{opacity:1}@media (max-width: 480px){.at-hero-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.at-hero-stat{padding:var(--space-2)}.at-hero-stat-val{font-size:var(--font-size-lg)}.at-toolkit-grid{grid-template-columns:1fr}.at-share-buttons{flex-direction:column}.at-btn{width:100%}}