*{box-sizing:border-box;padding:0;margin:0}:root{--primary-color:#2b6cb0;--secondary-color:#4fd1c5;--background-color:#f7fafc;--text-color:#2d3748;--border-radius:12px;--transition-speed:0.2s}body,html{max-width:100vw;max-height:100vh;background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.max-width-content{max-width:1200px;margin:0 auto;padding:0 1.5rem}.rich-card{background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,.05);padding:1.5rem;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.rich-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.08)}.rich-button{background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-speed)}.rich-button:hover{background:#2c5282}.rich-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:var(--border-radius);outline:none;transition:border-color var(--transition-speed)}.rich-input:focus{border-color:var(--primary-color)}